Tagged: webpack4

20
Ноя
2020

Как обратиться к файлу в twig шаблоне

Всем привет, столкнулся с проблемой, есть проект на webpack, есть необходимость использовать twig шаблоны. И есть необходимость вставлять самому нужные js/css файлы, отключив функцию inject, имена файлов содержать динамические хеши.
new Ht…

19
Ноя
2020

Настройка Webpack

WARNING in ./src/scss/main.scss 9:17-24
export ‘default’ (imported as ‘content’) was not found in ‘!!../../node_modules/mini-css-extract-plugin/dist/loader.js!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../…

19
Ноя
2020

Настройка Webpack

WARNING in ./src/scss/main.scss 9:17-24
export ‘default’ (imported as ‘content’) was not found in ‘!!../../node_modules/mini-css-extract-plugin/dist/loader.js!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!../../…

29
Сен
2020

Как конвертировать картинки в webpack?

Подскажите пожалуйста, как сделать чтобы webpack в dev сборке компилировал картинки только тогда когда я добавлю новую картинку, и ту которую добавил. Ещё чтобы аналогично работал плагин imagemin-webp-webpack-plugin, то есть конвертировал …

24
Июн
2020

Большой размер js бандла при использовании Webpack+TS+crypto-js

Простой код с одной лишь библиотекой crypto-js весит около 700кб.
Снизить его никак не получается. Пробовал стандартный минимайзер, UglifyJS и Сlosure. Сборка с –mode production. Вижу, что помимо этой библиотеки, при сборке, добавляется е…

23
Апр
2020

HTML генерация в webpack 4 (не работает lodash): Как подключать header/footer в html-шаблон вместе с css/js?

Я изучаю webpack 4 и пытаюсь создать статический html сайт. Я использую html-webpack-plugin, и хочу определить header.html и footer.html для импорта их потом по все html-страницы.
Проблема в подключении (inject) css/js внутрь html (хочу, ч…

18
Мар
2020

Webpack, почему не работает LiveReload при изменении HTML, если включен Hot Module Replacement?

Если в Webpack в настройках devServer задать hot: true, то Hot Module Replacement для CSS работает и изменения применяются без полной перезагрузки страницы. Но при изменении HTML файлов почему-то не работает LiveReload, нужно страницу обно…

17
Мар
2020

Сборка сторонних библиотек в отдельный файл webpack

Есть необходимость собирать все сторонние библиотеки в отдельный файл(в примере jquery). Вот конфиг webpack:

const path = require(‘path’);
const MiniCssExtractPlugin = require(“mini-css-extract-plugin”);
const HtmlWebpackPlugin = requir…