@webpack_ru
Webpack — русскоговорящее сообщество

Обсуждения webpack, лоадеров, плагинов и сборок Правила: http://bit.ly/our_etiquette См. также: @rollup_ru, @react_js, @vscode_ru, @macos_ru, @js_ru

974 members

Архив канала @webpack_ru 24 апреля 2018 г.

02:20:11 ДП
User 259652278
User 147771380
Есть мнение, что ты пытаешься вебпак не для того использовать
Почему? Сборку проекта, все норм же
08:02:51 ДП
User 299096137
User 147771380
Вебпак всегда будет делать js
Бред. Не делает он этого. Ему дают файл, он его парсит через loader, потом строит граф зависимостей и делает тоже самое с зависимостями, а потом все это склеивается и выплевывается в то, что нужно.
08:04:38 ДП
User 134905826
User 299096137
Бред. Не делает он этого. Ему дают файл, он его парсит через loader, потом строит граф зависимостей и делает тоже самое с зависимостями, а потом все это склеивается и выплевывается в то, что нужно.
наверное имелось ввиду что entry point приложения всегда js, даже когда не нужен js (только css).
08:09:27 ДП
User 299096137
User 134905826
наверное имелось ввиду что entry point приложения всегда js, даже когда не нужен js (только css).
Нет, в entry можно указать любой файл.
08:09:35 ДП
User 299096137
В том числе и css
08:10:07 ДП
User 134905826
о! надо пробывать (: не знал
08:10:46 ДП
User 299096137
User 134905826
о! надо пробывать (: не знал
Я тоже, я сначала тоже верил в это, а потом в одной статье получил просветление.
08:11:03 ДП
User 134905826
тролейбус-из-буханки-хлеба.джепег — куда сейчас без js ((:
08:12:10 ДП
User 121729445
User 299096137
Я тоже, я сначала тоже верил в это, а потом в одной статье получил просветление.
скинь где просвятиться)
08:12:19 ДП
User 106960183
User 299096137
Я тоже, я сначала тоже верил в это, а потом в одной статье получил просветление.
Статью в студию, походу недавно завезли
08:12:39 ДП
User 299096137
Э, да не.
08:12:50 ДП
User 299096137
Старая, хотя видел на хабре похожее
08:12:57 ДП
08:12:57 ДП
User 3481053
С какой версии можно CSS в entrypoint?
08:14:25 ДП
User 299096137
Простой статический сайт на Webpack 4 / Хабрахабр
https://habrahabr.ru/post/350886/
habr.com/post/350886
После прочтения ряда статей (например, этой) решил перейти на современный подход с использованием Node.js при написании простых сайтов с подхода «динозавров».
08:14:39 ДП
User 299096137
User 3481053
С какой версии можно CSS в entrypoint?
С первой?
08:14:54 ДП
User 299096137
Вебпак это никогда не запрещал же
08:17:56 ДП
User 134905826
хм, у меня вопрос тогда, когда в js видим require("style.css") — понятно зачем нужен ExtractTextPlugin, а когда в entry есть style.css — не понятно. О_о
08:18:07 ДП
User 106960183
Помню во втором вебаке точно была еботня с этим
08:19:12 ДП
User 299096137
Ну да, парсель в этом плане по круче будет, ему реально можно кинуть scss и получить css без лишних движений.
08:40:53 ДП
User 134905826
--display minimal
08:41:48 ДП
User 335034656
Всем привет, что нужно сделать для alias, кроме этого?
08:41:52 ДП
08:42:27 ДП
User 335034656
строку с собакой взял в реакт, взял так же функцию, пишу потом импорт с этим альясом - не пашет
08:42:36 ДП
User 212795634
User 335034656
переделать на path.join
08:42:45 ДП
User 134905826
https://webpack.js.org/configuration/stats/
08:43:03 ДП
User 335034656
User 212795634
переделать на path.join
08:43:08 ДП
User 335034656
он тут
08:43:41 ДП
08:44:03 ДП
User 212795634
тогда в чем проблема?
08:44:04 ДП
User 134905826
User 335034656
велосипед же
08:44:15 ДП
User 335034656
User 134905826
велосипед же
это в паке вью так-то
08:44:22 ДП
User 335034656
vue cli так делает
08:44:29 ДП
User 335034656
я просто украл у них
08:45:20 ДП
User 335034656
User 212795634
лол
я написал - не может подключить
08:45:28 ДП
User 212795634
User 335034656
я написал - не может подключить
что пишет?
08:45:41 ДП
User 212795634
да и где у тебя функция resolve лежит?
08:46:09 ДП
User 335034656
User 212795634
что пишет?
не могу найти модуль и путь с этим вот альясом. к примеру с собакой если - то напишет '@/config/menu.js' к примеру
08:46:19 ДП
User 335034656
она лежит выше немного
08:46:31 ДП
User 212795634
User 335034656
не могу найти модуль и путь с этим вот альясом. к примеру с собакой если - то напишет '@/config/menu.js' к примеру
ошибка какая? покажи скрин
08:46:43 ДП
User 335034656
User 212795634
ошибка какая? покажи скрин
ща
08:47:26 ДП
User 270976466
Друзья, а есть у кого-нибудь настройки Webpack 4 для SASS и CSS-Modules в Create-React-App?
08:48:18 ДП
User 335034656
User 212795634
ошибка какая? покажи скрин
08:48:29 ДП
User 270976466
Какой-нибудь туториал. А то существующие рекомендации не актуальны для нового Webpack
08:50:19 ДП
User 335034656
вот альяс
08:50:21 ДП
08:50:55 ДП
User 212795634
User 335034656
она лежит выше немного
а должна быть там же
08:51:04 ДП
User 212795634
перенеси ее в веб пак конфиг
08:51:22 ДП
User 335034656
User 212795634
а должна быть там же
08:53:15 ДП
User 67164223
User 270976466
Друзья, а есть у кого-нибудь настройки Webpack 4 для SASS и CSS-Modules в Create-React-App?
CRA еще не перешел на 4 вебпак
08:53:36 ДП
User 212795634
User 335034656
08:53:39 ДП
User 212795634
у меня так работает
08:53:45 ДП
User 212795634
не вижу смысла в собаке
08:56:01 ДП
User 147771380
User 299096137
Бред. Не делает он этого. Ему дают файл, он его парсит через loader, потом строит граф зависимостей и делает тоже самое с зависимостями, а потом все это склеивается и выплевывается в то, что нужно.
Js файлик всё равно будет
08:56:06 ДП
User 147771380
Чанка
09:26:25 ДП
User 335034656
User 212795634
а как импортишь?
09:26:56 ДП
User 212795634
User 335034656
а как импортишь?
import Huy from 'components'
соответственно components лежит в src
09:27:52 ДП
User 335034656
User 212795634
import Huy from 'components'
соответственно components лежит в src
та же история
09:27:58 ДП
User 335034656
не может найти
09:30:23 ДП
User 335034656
может расширение какое надо поставить
09:33:54 ДП
User 478207156
User 212795634
import Huy from 'components'
соответственно components лежит в src
возможно алиасы нужны
09:34:34 ДП
User 212795634
User 478207156
возможно алиасы нужны
У меня все ок
09:35:09 ДП
User 212795634
User 335034656
может расширение какое надо поставить
Ты веб пак точно перезапускал?
09:36:03 ДП
User 280269138
Error: Can't resolve 
'/../index.html' in '..'
Webpack пытается найти html помимо основного js
09:36:16 ДП
User 280269138
Это можно как то отключить?
09:36:19 ДП
User 335034656
User 212795634
У меня все ок
он не постоянно пересобирается при обновлении?
09:36:24 ДП
User 212795634
User 335034656
он не постоянно пересобирается при обновлении?
Конфиг?
09:36:35 ДП
User 212795634
Если конфиг меняешь то надо перезапускать
09:38:17 ДП
User 335034656
он на join ругается теперь
09:38:34 ДП
09:39:33 ДП
User 97081120
User 335034656
А ты его из path импортнул?
09:41:05 ДП
User 335034656
User 97081120
А ты его из path импортнул?
теперь сделал, перезапустил, один хрен не робит
09:44:35 ДП
User 97081120
Весь конфиг покажи
09:45:29 ДП
User 335034656
const path      = require('path');
const merge     = require('webpack-merge');

//modules
const devserver = require('./webpack/devserver');
const devtool   = require('./webpack/devtool');
const plugins   = require('./webpack/plugins');

function resolve (dir) {
    return path.join(__dirname, '..', dir)
}

const common = merge([
    {
        entry: './src/index.js',

        output: {
            filename: 'bundle.js',
            path: path.resolve(__dirname, 'public'),
        },

        module: {
            rules: [
                {
                    test: /\.jsx?$/,
                    exclude: /node_modules/,
                    use: {
                        loader: 'babel-loader',
                        options: {
                            presets: [
                                ['es2015', {modules: false}],
                                'react',
                                'stage-2',
                            ],
                        },
                    },
                },
            ]
        },
        resolve: {
            extensions: ['.js', '.jsx', '.json', '*'],
           /* modules: [
                path.join(__dirname, '..', 'src'),
                'node_modules'
            ]*/
            alias: {
                '@': resolve('src'),
            }
        }
    },
    plugins()
]);


module.exports = function(env) {
    if (env === 'production') {
        return common;
    }
    if (env === 'development') {
        return merge([
            common,
            devserver(),
            devtool()
        ]);
    }
};
10:11:37 ДП
User 335034656
все, замутил
10:11:41 ДП
User 335034656
всем спасибо
10:12:26 ДП
User 134905826
User 335034656
все, замутил
как говорили выше, настройка резолва путей — только методом тыка и самому ((:
11:25:12 ДП
User 61908571
Добрый день! Подскажите в чем может быть дело. Использую вебпак 4, проблемы с html-webpack-plugin. Он добавляет файл в дист и все рендерит как надо, но при дев сервере его не видно.

Entrypoint undefined = index.html
11:25:29 ДП
User 61908571
Entrypoint undefined = index.html
11:26:52 ДП
User 134905826
User 61908571
Добрый день! Подскажите в чем может быть дело. Использую вебпак 4, проблемы с html-webpack-plugin. Он добавляет файл в дист и все рендерит как надо, но при дев сервере его не видно.

Entrypoint undefined = index.html
дев сервер не пишет файлы на диск — memory fs
11:26:55 ДП
User 67164223
User 61908571
Добрый день! Подскажите в чем может быть дело. Использую вебпак 4, проблемы с html-webpack-plugin. Он добавляет файл в дист и все рендерит как надо, но при дев сервере его не видно.

Entrypoint undefined = index.html
использовать html Loader
11:28:12 ДП
User 61908571
User 67164223
использовать html Loader
Использую. Его ведь не нужно импортить в index.js ?
11:28:26 ДП
User 67164223
нет, он должен быть в конфиге
11:28:27 ДП
User 61908571
User 134905826
дев сервер не пишет файлы на диск — memory fs
Сори,не правильно выразился
11:30:05 ДП
User 61908571
User 67164223
нет, он должен быть в конфиге
Ну вот он вроде в конфиге, но все равно  Entrypoint undefined = index.html. Когда захожу на http://localhost:8080 там заглушка с выбором папок. Сам index.html в src
11:30:50 ДП
User 67164223
User 61908571
Ну вот он вроде в конфиге, но все равно  Entrypoint undefined = index.html. Когда захожу на http://localhost:8080 там заглушка с выбором папок. Сам index.html в src
new HtmlWebPackPlugin({
        template: `${PATH.src}/index.ejs`,
        title: '',
        favicon: `${PATH.src}/img/favicon.ico`,
      }),
11:30:55 ДП
User 67164223
у меня вот так подключается html
11:31:42 ДП
11:32:04 ДП
User 67164223
у тебя в общей сборки
11:32:07 ДП
User 67164223
или только для прод?
11:32:32 ДП
User 61908571
У меня 1 сборка
11:34:50 ДП
User 67164223
путь в темплейте напиши через ./src
02:35:26 ПП
User 147771380
Привет, чатик. Есть один хак для того, чтобы порезать локали в моменте
new webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /en/) ]
Поскажите, плиз, как выбрать таким образом две локали, а не одну?
02:37:38 ПП
User 66779439
User 147771380
Привет, чатик. Есть один хак для того, чтобы порезать локали в моменте
new webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /en/) ]
Поскажите, плиз, как выбрать таким образом две локали, а не одну?
new ContextReplacementPlugin(
  /moment[/\]locale/,
  path.resolve(__dirname, 'src'),
  {
    './en.js': './dir1/en.js',
    './ru.js': './dir2/ru.js',
  }
)https://iamakulov.com/notes/webpack-contextreplacementplugin/
оно ?
iamakulov.com/notes/webpack-contextreplacementplugin
It took me quite a long time of using ContextReplacementPlugin to finally realize what it really does. I hope this post will save you from that. Once in a while, you need to write a dynamic import. A dynamic import is when an imported file is only known at runtime: When you’re bundling this with … Continue reading "How webpack’s ContextReplacementPlugin works"
02:38:03 ПП
User 280269138
webpack-spritesmith
02:38:09 ПП
User 280269138
Есть что-то похожее для svg?
02:38:11 ПП
User 280269138
Не могу найти
02:39:20 ПП
User 147771380
User 66779439
new ContextReplacementPlugin(
  /moment[/\]locale/,
  path.resolve(__dirname, 'src'),
  {
    './en.js': './dir1/en.js',
    './ru.js': './dir2/ru.js',
  }
)https://iamakulov.com/notes/webpack-contextreplacementplugin/
оно ?
iamakulov.com/notes/webpack-contextreplacementplugin
It took me quite a long time of using ContextReplacementPlugin to finally realize what it really does. I hope this post will save you from that. Once in a while, you need to write a dynamic import. A dynamic import is when an imported file is only known at runtime: When you’re bundling this with … Continue reading "How webpack’s ContextReplacementPlugin works"
Спасибо
06:08:28 ПП
User 177916640
можно ли вебпаком сохранять хеш  жс-файла  куданить в txt-файл ? 

я про вот такое место
  output: {
    path: OUT_DIR,
    filename: '[name][hash:6].js',

    "webpack": "3.10.0",
06:09:44 ПП
User 212795634
что мешает обновить на 4?
06:09:50 ПП
User 212795634
User 177916640
можно ли вебпаком сохранять хеш  жс-файла  куданить в txt-файл ? 

я про вот такое место
  output: {
    path: OUT_DIR,
    filename: '[name][hash:6].js',

    "webpack": "3.10.0",
там встроена эта фича
06:10:02 ПП
User 177916640
User 212795634
там встроена эта фича
как она называется ?
06:10:43 ПП
User 212795634
User 177916640
как она называется ?
"build": "NODE_ENV=production webpack --json > compilation-stats.json --config webpack.config.js",
06:10:49 ПП
User 212795634
одна строка если что
06:12:26 ПП
User 177916640
хм. статсы и в третьей были же
06:12:31 ПП
User 177916640
и во второй и в первой
06:12:43 ПП
User 177916640
или это не так ?
06:15:04 ПП
User 212795634
User 177916640
или это не так ?
были в хуках
06:15:10 ПП
User 212795634
и плагины соответствующие
06:15:18 ПП
User 212795634
можно поискать
06:16:48 ПП
User 177916640
ого https://i.imgur.com/UB0jppQ.png
i.imgur.com/UB0jppQ.png
06:17:50 ПП
User 212795634
10 нода через пару часов польется
06:27:15 ПП
User 448880090
User 212795634
10 нода через пару часов польется
Чо там ?
06:45:57 ПП
User 297906030
https://blog.risingstack.com/node-js-10-lts-feature-breakdown/
blog.risingstack.com/node-js-10-lts-feature-breakdown
Let's take a look at the new features of Node.js v10, such as: HTTP2, ESM Modules, Error Codes, Fs Promises, the N-API & V8 6.6
07:19:29 ПП
User 299096137
течет дорогая
07:19:31 ПП