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

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

974 members

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

02:48:24 ДП
User 134905826
User 291325765
коментарии что начинаются с /*! -- это копирайты, попрбуй extractComments: true
06:30:50 ДП
User 146658406
Добрый день. Как совсем выключить генерацию чанков в вебпаке?
06:32:15 ДП
User 146658406
В доке на commons-chunk-plugin предлагают задавать minChunks либо >= 2, либо Infinity, который создает "commons  chunk, but no modules into it"
06:32:59 ДП
User 261564879
User 146658406
Добрый день. Как совсем выключить генерацию чанков в вебпаке?
Ты хочешь получить всего 1 файл?
06:33:04 ДП
06:33:50 ДП
User 261564879
А если вообщн не юзать плагин?
06:33:52 ДП
User 261564879
Просто одну точку входа и все
06:34:49 ДП
06:34:54 ДП
User 146658406
  resolve: {
    modules: [
      'src',
      'node_modules'
    ],
06:35:03 ДП
User 146658406
А точка входа и так одна
06:35:13 ДП
User 146658406
Убрал плагин, все равно делает два файла
06:35:21 ДП
User 212795634
User 146658406
А точка входа и так одна
Динамические импорты мб?
06:35:40 ДП
User 146658406
Ой, да, они есть
06:36:17 ДП
User 146658406
Но только для HMR в dev режиме
06:37:15 ДП
User 146658406
Уберу такие импорты.
06:39:08 ДП
06:39:18 ДП
User 146658406
Вот же хрень.
06:40:11 ДП
User 146658406
А все из-за невозможности задать чанкам querystring (?v=xxxx) в рантайме, а не на этапе сборки.
06:40:37 ДП
User 146658406
С десяток ишью на гитхабе, в лучшем случае предлагают свой лоадер для них написать
07:00:37 ДП
User 146658406
Спасибо, теперь ровно 1 файл.
11:02:31 ДП
User 291325765
Подскажите, что нужно в бабеле прописать что бы uglifyjs не ругался на 

ERROR in index.c52d877ed5023c3bfc7b.js from UglifyJs
Unexpected token: operator (>) [index.c52d877ed5023c3bfc7b.js:128,43]

?
11:03:15 ДП
User 291325765
Я так понимаю не не может распарсить какой то es6 код, непонтяно какой, 

{
  "presets": ["latest", "stage-2"]
}
11:03:23 ДП
User 1040677
User 291325765
Подскажите, что нужно в бабеле прописать что бы uglifyjs не ругался на 

ERROR in index.c52d877ed5023c3bfc7b.js from UglifyJs
Unexpected token: operator (>) [index.c52d877ed5023c3bfc7b.js:128,43]

?
Я где то выше читал что uglifyjs плохо дружит с es6
11:03:30 ДП
User 1040677
Надо использовать другой плагин
11:03:41 ДП
User 291325765
А другой какой ?
11:03:48 ДП
User 1040677
User 291325765
А другой какой ?
От самого вебпака
11:03:58 ДП
User 291325765
так стопе
11:04:25 ДП
User 291325765
js транспилит бабель, жмет его new webpack.optimize.UglifyJsPlugin, что не так ?
11:04:46 ДП
User 32530886
User 291325765
js транспилит бабель, жмет его new webpack.optimize.UglifyJsPlugin, что не так ?
лучше не юзать webpack.optimize.UglifyJsPlugin

а брать отдельный
11:05:47 ДП
User 291325765
почему то он не жмет js 🙁
11:06:20 ДП
User 291325765
https://www.npmjs.com/package/uglifyjs-webpack-plugin ?
npmjs.com/package/uglifyjs-webpack-plugin
UglifyJS plugin for webpack
11:06:20 ДП
User 1040677
User 32530886
лучше не юзать webpack.optimize.UglifyJsPlugin

а брать отдельный
Какой?))
11:06:28 ДП
User 32530886
User 291325765
https://www.npmjs.com/package/uglifyjs-webpack-plugin ?
npmjs.com/package/uglifyjs-webpack-plugin
UglifyJS plugin for webpack
этот
11:06:31 ДП
User 189706357
uglifyjs новый поставь. он умеет es6 жать
11:06:42 ДП
User 189706357
в 4 вебпаке он дефолтный будет
11:07:04 ДП
User 1040677
User 189706357
в 4 вебпаке он дефолтный будет
Круто 😱😁
11:07:43 ДП
User 1040677
Кстати я так понял многие плагины уже будут встроены сразу в вебпак, считай меньше подгружать отдельно нужно будет, да?
11:07:52 ДП
11:08:00 ДП
User 32530886
можно будет без конфига работать
11:08:31 ДП
User 1040677
User 32530886
можно будет без конфига работать
Конфига uglifyjs?
11:09:02 ДП
User 291325765
uglifyjs 2 есть под webpack ? или самому писать обвертку ?
11:09:12 ДП
User 189706357
User 291325765
uglifyjs 2 есть под webpack ? или самому писать обвертку ?
вон выше кинули
11:09:20 ДП
11:09:30 ДП
User 32530886
User 1040677
Конфига uglifyjs?
вебпака
11:11:57 ДП
User 1040677
User 32530886
вебпака
Но думаю никто так не будет работать 😅
11:12:16 ДП
User 32530886
суть к тому, что имеется дефолтный конфиг
11:12:21 ДП
User 32530886
и можно отталкиваться от него
11:12:25 ДП
User 32530886
а не писать каждый раз новый
11:12:36 ДП
User 189706357
Сова пробовал новый вебпак?
11:14:48 ДП
User 32530886
не
чет не хочется жопу поджигать
11:14:52 ДП
User 32530886
как с бабелем новым
11:14:57 ДП
User 1040677
😂😂😂😂
11:16:55 ДП
User 60331718
User 32530886
как с бабелем новым
А че там?
11:17:12 ДП
User 189706357
User 32530886
не
чет не хочется жопу поджигать
Просто заманивают они своим significant performance..)
11:17:46 ДП
User 60331718
User 189706357
Просто заманивают они своим significant performance..)
Ну ты почитай, за счёт чего он
11:17:48 ДП
User 32530886
User 60331718
А че там?
да отхватил по щам с плагинами
компиляцией async generators тож
11:18:02 ДП
User 60331718
За счёт отказа от node v4, к node v6
11:18:06 ДП
User 189706357
User 60331718
Ну ты почитай, за счёт чего он
читал
11:18:15 ДП
User 189706357
https://medium.com/webpack/webpack-4-beta-try-it-today-6b1d27d7d7e2
medium.com/webpack/webpack-4-beta-try-it-today-6b1d27d7d7e2
One month till stable release!
11:18:26 ДП
User 189706357
Поэтому и хочу попробовать
11:18:27 ДП
User 60331718
Т.е как бы и есть, но только в тех кейсах, когда сама нода стала лучше работать
11:26:40 ДП
User 291325765
А как вебпаку сказать что например jquery будет грузится из cdn ?
11:27:20 ДП
User 291325765
externals: {
  jquery: 'jQuery'
} и все ?
11:46:44 ДП
User 291325765
Чисто теоритический вопрос, что будет если заимпортить в js html template, но в финальной сборке его не экспортировать через ExtractTextPlugin ? он будет в js сохранен ? и всегда висеть там ?
11:53:35 ДП
03:54:31 ПП
User 1040677
Такой вопрос я использую jquery но из-за того что разделю js на файлы и импортю в каждом прописываю let $ = require('jquery'), как можено глобально как-то сделать это?
04:05:41 ПП
User 291325765
через вебпак
04:05:51 ПП
User 291325765
сделай его подключаемым из cdn
04:06:26 ПП
User 291325765
и пропеши в вебпаке 

{
extends: {
$: 'jquery'
}}
04:23:25 ПП
User 1040677
А если я устанавливаю через npm?
04:33:52 ПП
User 114198470
зачем cdn? provideplugin же
04:36:01 ПП
User 114198470
а если надо наружу, то expose-loader
04:36:39 ПП
User 1040677
User 114198470
а если надо наружу, то expose-loader
Всмысле наружу?
04:36:53 ПП
User 114198470
window.$ если захочешь
04:37:44 ПП
User 1040677
Вот так? new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery",
            "window.jQuery": "jquery",
}),
04:38:12 ПП
User 114198470
User 1040677
Вот так? new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery",
            "window.jQuery": "jquery",
}),
ага
04:40:30 ПП
User 1040677
А вот вообще если я так рекваирю то jquery все равно один раз импортится?
04:40:39 ПП
User 212795634
User 1040677
А вот вообще если я так рекваирю то jquery все равно один раз импортится?
Естественно
04:40:59 ПП
User 212795634
Я вот реакт в тысяче файлов импортирую, он один раз в бандл попадает
04:41:59 ПП
User 1040677
А ну все а то я чёт подумал вдруг сколько раз рекваирю будет несколько раз аж страшно😅
04:42:44 ПП
User 114198470
User 1040677
А ну все а то я чёт подумал вдруг сколько раз рекваирю будет несколько раз аж страшно😅
это алиасы
04:48:17 ПП
User 345164417
User 291325765
Подскажите, что нужно в бабеле прописать что бы uglifyjs не ругался на 

ERROR in index.c52d877ed5023c3bfc7b.js from UglifyJs
Unexpected token: operator (>) [index.c52d877ed5023c3bfc7b.js:128,43]

?
"webpack -p", и убери плагин uglifyjs
04:48:55 ПП
User 345164417
Опция -p и есть минификация
04:49:07 ПП
User 1040677
User 114198470
ага
Спасибо теперь будет удобнее😊
04:49:25 ПП
User 345164417
По этой причине плагин uglifyjs не нужен
04:50:10 ПП
User 291325765
User 345164417
Опция -p и есть минификация
о прикольно, надо потестить
04:51:28 ПП
User 189706357
User 345164417
"webpack -p", и убери плагин uglifyjs
А ничего что внутри он и использует углифай?)
05:09:44 ПП
User 345164417
User 189706357
А ничего что внутри он и использует углифай?)
Автор не уточнил уровень кастомизации и то как у него решается задача. Думать можно о чем угодно
05:14:57 ПП
User 345164417
User 291325765
о прикольно, надо потестить
Отпишись по результатам
05:22:26 ПП
User 212795634
User 345164417
Отпишись по результатам
Не очень гибко и вообще и шебпака все еще старый углифай встроен, который ес6 не понимает
05:23:55 ПП
User 147771380
User 212795634
Не очень гибко и вообще и шебпака все еще старый углифай встроен, который ес6 не понимает
А другого просто нет
05:24:11 ПП
User 147771380
Нормального
05:24:30 ПП
User 212795634
User 147771380
А другого просто нет
Есть углифай из нпм
05:24:41 ПП
User 212795634
Второй
05:24:49 ПП
User 147771380
Он говно
05:24:57 ПП
05:25:13 ПП
User 147771380
Ну, если ты о том, который якобы ес6 хавает, то да
05:25:18 ПП
User 212795634
Ну обычный не лучше, тогда уж кложе компилер го юзать)
05:25:25 ПП
05:45:18 ПП
User 291325765
User 212795634
Второй
он юзает 3 углифай
06:20:43 ПП
User 345164417
User 291325765
он юзает 3 углифай
Ну так ты получил чего хотел? )
06:38:19 ПП
User 291325765
Не я не потестил :) Но если он юзаешь встроенный ,uglify то не поканает;)
06:39:01 ПП
User 291325765
Я как бы уже настроил что хотел через другой плагин
06:41:29 ПП
User 345164417
User 291325765
Я как бы уже настроил что хотел через другой плагин
Какой? Рассказывай )
06:52:38 ПП
User 291325765
https://www.npmjs.com/package/uglifyjs-webpack-plugin
npmjs.com/package/uglifyjs-webpack-plugin
UglifyJS plugin for webpack
06:52:43 ПП
User 291325765
Вышивка писали ;)