Вопросы с меткой [webpack4]
Руководство по использованию метки webpack4 отсутствует.
54
вопроса
0
голосов
0
ответов
73
показа
Почему не работает hot reload в webpack 5, webpack-dev-server 5
Обновился с webpack 4.46.0 до версии 5.91.0.
Перестал работать hot reload.
До обновления hot reload поддерживалось при помощи библиотеки @pmmmwh/react-refresh-webpack-pluginю
После обновления не ...
0
голосов
0
ответов
50
показов
Как собирать только измененные файлы в webpack 4?
Подскажите, есть ли какой-то способ при сборке (npm run build) в webpack 4 пересобирать только те файлы, в которых были изменения, как это работает при watch? Есть очень много точек входа и каждый раз ...
1
голос
1
ответ
240
показов
Как с помощью webpack переместить index.html в папку dist?
Сейчас у меня index.html просто лежит в src, но мне надо чтобы когда я прописал npm run build он у меня собрался в папку dist. Как это сделать?
const path = require("path");
module.exports ...
0
голосов
2
ответа
1k
показов
Как сделать относительный путь для изображений на github pages?
пример css:
.class-name {
background-image: url("/assets/img/image-name.svg");
}
в dev режиме все изображения на месте, но если сделать build и deploy на github-pages, то картинки ...
0
голосов
1
ответ
344
показа
Webpack чанки. Как подключить только свои js и css файлы в html файлы?
const path = require('path')
const fs = require('fs')
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
const CopyWebpackPlugin = require('copy-webpack-plugin')
const HtmlWebpackPlugin = ...
0
голосов
1
ответ
35
показов
Как положить webpack config file в node_modules?
подскажите пожалуйста кто в курсе, как положить webpack config (например create react app webpack.configs) в node_modules? чтобы потом он по дефолту применялся как основа для разных проектов?
перерыл ...
2
голоса
2
ответа
2k
показов
Настройка 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?...
1
голос
0
ответов
84
показа
Как конвертировать картинки в webpack?
Подскажите пожалуйста, как сделать чтобы webpack в dev сборке компилировал картинки только тогда когда я добавлю новую картинку, и ту которую добавил. Ещё чтобы аналогично работал плагин imagemin-webp-...
3
голоса
2
ответа
831
показ
Большой размер js бандла при использовании Webpack+TS+crypto-js
Простой код с одной лишь библиотекой crypto-js весит около 700кб.
Снизить его никак не получается. Пробовал стандартный минимайзер, UglifyJS и Сlosure. Сборка с --mode production. Вижу, что помимо ...
0
голосов
0
ответов
183
показа
Ошибка Webpack-dev-server в режиме hot: Cannot use [chunkhash] or [contenthash] for chunk '[name].[contenthash].js' (use [hash] instead)
Углубился в освоение webpack. При запуске devserver в режиме hot: true, получаю ошибку ERROR in chunk analytics [entry] [name].[contenthash].js Cannot use [chunkhash] or [contenthash] for chunk in '[...
2
голоса
1
ответ
928
показов
HTML генерация в webpack 4 (не работает lodash): Как подключать header/footer в html-шаблон вместе с css/js?
Я изучаю webpack 4 и пытаюсь создать статический html сайт. Я использую html-webpack-plugin, и хочу определить header.html и footer.html для импорта их потом по все html-страницы.
Проблема в ...
1
голос
1
ответ
1k
показов
Как правильно указать путь для publicPath для webpack-dev-server
Есть такая сборка...
const webpack = require('webpack');
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-...
0
голосов
1
ответ
180
показов
Как переместить все файлы webpack 4
Как с помощью webpack 4 используя плагин htmlwebpackplugin "переместить" все файлы из одной директории в другую ?
new HtmlWebpackPlugin ({
hash: false,
template: `views/index....
1
голос
0
ответов
247
показов
Как настроить/подключить `webpack config` c `laravel-mix-criticalcss`?
Как в моем случае правильно настроить/подключить webpack config?
файл webpack.mix.js
const mix = require("laravel-mix");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const ...
1
голос
0
ответов
793
показа
Webpack, почему не работает LiveReload при изменении HTML, если включен Hot Module Replacement?
Если в Webpack в настройках devServer задать hot: true, то Hot Module Replacement для CSS работает и изменения применяются без полной перезагрузки страницы. Но при изменении HTML файлов почему-то не ...
0
голосов
0
ответов
1k
показов
Многостраничный сайт на webpack 4
Изучаю вебпак 4, все примеры для одностраничных сайтов. У меня есть такая структура:
scr
-views
-main_page
-index.html
-main.html
-news.html
-modules
-header.html
-footer.html
-...
1
голос
1
ответ
1k
показов
Отключить разбиение на чанки Webpack
Проект на Backbone.js + RequireJs собирается с помощью webpack, содержимое webpack.config.js:
var path = require('path');
module.exports = {
// devtool: 'source-map',
entry: path.resolve(...
0
голосов
0
ответов
93
показа
Ошибка eslint при экспорте модуля
Недавно начал использовать готовый сборщик gulp-sass-starter. Столкнулся с такой проблемой, что не могу экспортировать модули. Добавил в объект "env" параметры "amd": true, но не помогло. Кто знает в ...
-1
голос
1
ответ
202
показа
Vue не подключается через Webpack4
В консоли ошибка: Vue is not defined
Если подключить через CDN - все работает
Хотя в выходном файле main.66905f9e91666cf52fc4.js?da38ad338a15dcb4c609 код vue.js присутствует
Мои действия:
...
1
голос
0
ответов
67
показов
Пересборка webpack при добавлении .html файла в runtime
Добрых времени суток, проблема, есть webpack config, всё работает как нужно, за исключением одного но, когда в рантайме (при зпущенном локальном сервере) создаешь новый .html файл, то при попытке ...
0
голосов
0
ответов
28
показов
сборка css пакета с помощью webpack
у меня есть точка входа common_style.js, где подключается несколько vue компонентов с расширением .vue. После компиляции webpack отдаёт common_style-{hash}.css и common_style-{hash}.js
Могу я ...
1
голос
0
ответов
48
показов
Как правильно обработать css файл в загрузчике webpack 4 + mini-extract-css-plugin?
Есть простейший конфиг для webpack 4
const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
module.exports = {
entry: {
app: './src/index....
1
голос
0
ответов
746
показов
Как отключить Source map в Webpack 4 Production Mode
Выключить сорс мап в продакшн моде, но оставить его в Dev режиме?
let path = require('path');
// Plugins
let ExtractTextPlugin = require("extract-text-webpack-plugin");
let HtmlWebpackPlugin = ...
1
голос
0
ответов
15
показов
Как продублировать Билд в Webpack?
Сейчас работаю с темой для Wordpress и мне нужно чтобы папка диск компилировалась и дублировалась в тему где находиться Wordpress
let conf = {
entry: './src/js/main.js',
output: {
...
0
голосов
1
ответ
162
показа
Почему в React + Mobx не работает ручное обновление страницы?
Запустил на webpack-dev-server приложение.
Все работает кроме ручного обновления страницы.
Пишет : Cannot GET /articles
0
голосов
1
ответ
155
показов
Не компилирует Webpack
Webpack 4 перестал компилировать
Вот выдает ошибку
events.js:174
throw er; // Unhandled 'error' event
^
Error: listen EADDRNOTAVAIL: address not available 192.168.0.101:8080
at ...
0
голосов
0
ответов
17
показов
Проблема с webpack`ом
Есть файлы:
index.html
Папка script, в которой находятся:
index.js
welcome.js
webpack.config.js
Нужно сделать простую сборку. Открываю командную строку, перехожу в папку с проектом. Пишу webpack и ...
0
голосов
1
ответ
248
показов
Как в конфигурационном файле Web Pack изменить путь до выходного файла
У меня есть web pack конфиг такого типа:
module.exports = {
mode: 'production',
// mode: 'development',
cache: true,
entry: './src/main.js',
resolve: {
extensions: ['.js', '.json', '....
0
голосов
1
ответ
80
показов
Как запретить webpack подключать стили к странице
при компиляции он выбирает самый большой файл стилей и подключает его ко ВСЕМ html файлам непонятно зачем. Если файлов стилей нет, то он подключает самый большой JS файл ко ВСЕМ страницам. Как ...
0
голосов
1
ответ
518
показов
Как правильно перенести картинки после сжатия webpack?
Имеется такой webpack конфиг(Это общая часть dev и build конфига):
const path = require('path');
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const CopyPlugin = require('...
0
голосов
1
ответ
105
показов
Ошибка при сборке Vue.js проекта
Добрый день подскажите пожалуйста пытаюсь собрать vue.js проект и при сборке выдаёт ошибку, откатывал проект до предыдущего состояния когда отсутствовала ошибка но при повторной сборки на всёравно ...
3
голоса
2
ответа
756
показов
webpack4 компилирует не все HTML файлы
Я изначально не верно понял суть проблемы, правлю вопрос, что бы точнее сформулировать проблему...
Есть такая сборка webpack:
'use strict';
const webpack = require('webpack');
const path = ...
0
голосов
0
ответов
51
показ
ASP.Net MVC View с хелпером @Html.React не загружает весь bundle упакованный webpack-ом
Имеется VS2017 v.15.9.5. Создаю проект MVC Core 2.2. Добавляю nuget-пакеты React.AspNet 4.0 и ChakraCore. И после стандартных действий, что описаны ниже, сталкиваюсь с такой проблемой: при размещении ...
0
голосов
1
ответ
500
показов
Почему мой webpack laravel.mix компилирует мои файлы по 10-20 секунд?
Всем доброго времени суток. Начал использовать laravel.mix для проектов, но столкнулся со стеной компиляции в over 10 секунд ><
Как заставить laravel.mix компилировать мои исходники хотя бы за ...
1
голос
1
ответ
1k
показов
Как настроить webpack dev server на обновление php файлов?
Всем доброго времени суток, недавно начал работать с webpack. Настроил его для раработы и все вроде бы хорошо, но вот мне понадобилось изменить расширение моего index.html на .php и все, изменения я ...
1
голос
1
ответ
2k
показов
Webpack 4 - Как импортировать файлы, если их много?
Коллеги, есть такая простая Webpack сборка.
'use strict';
const webpack = require('webpack');
const path = require('path');
const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
const ...
0
голосов
1
ответ
674
показа
Не работает Extract Text Plugin в Webpack 4
В dist не добавляется файл со стилями
package.json
{
"name": "jelly-effect",
"version": "1.0.0",
"description": "Jelly Effect on Canvas",
"main": "index.js",
"scripts": {
"build": "...
0
голосов
1
ответ
63
показа
Webpack 4 output CSS to different folders
Не получается при билде поместить CSS в отдельную папку. Знаю проблему совместимости webpack 4 и extract-text-webpack-plugin. Но также применил следующее решение:
https://github.com/webpack-contrib/...
0
голосов
1
ответ
933
показа
webpack-dev-server как совместить использование с Open Server
Надо зеркалить сайт, который находится по адресу на Open Server. В Gulp делал через Browsersync proxy, на webpack-dev-server это сделать также, через proxy.
Пример моего конфига:
devServer: {
...
1
голос
1
ответ
1k
показов
Как собрать многостраничный БЭМ-проект c зависимостями на Gulp4 и/или Webpack4?
Я только недавно начал всеобъемлюще осваивать БЭМ-методологию (до этого использовал только БЭМ-нейминг). Мне очень понравилась эта концепция и хотелось бы полностью внедрить ее в свой воркфлоу.
Однако,...
1
голос
1
ответ
310
показов
Node.js + Webpack + TypeScript: __dirname возвращает корень диска C
Есть библиотека, которая разрабатывается по ходу, и основной проект, в котором эта библиотека используется. Допустим:
В библиотеке есть файл library.ts, его абсолютный путь - С:\Users\user1\projects\...
2
голоса
0
ответов
435
показов
Как сделать, чтобы сборка webpack добавляла все картинки при билде на прод
Проект на C# раньше фронт собирали на gulp теперь переделали сборку на webpack чтобы подключить vue к проекту. Проблема в том что при сборке фронта в webpack собираются только те картинки которые ...
0
голосов
0
ответов
47
показов
Не корректно прописываются пути для шрифтов
1 Неправильно переносятся шрифты
2 Неправильно прописываются пути к шрифтам в Css
// Config
{
test: /\.(ttf|eot|woff(2)?)(\?v=\d+\.\d+\.\d+)?$/,
...
1
голос
1
ответ
1k
показов
как в webpack при билде сделать читаемый js?
Можно ли избавиться от webpack модулей в main.js?
Или есть ещё какие-то методы , чтобы сделать мой код на выходе читаемым?
Добавил свой пример и то что получается на выходе.
В конфиге по дефолту ...
0
голосов
1
ответ
2k
показов
Не работает MiniCssExtractPlugin в webpack 4 для scss
Начала изучать webpack. Поставила версию 4. Собираю файлы js, scss. Задача получить один сжатый файл js, и один сжатый css.
Вот package.json:
{
"name": "template",
"version": "1.0.0",
"...
1
голос
0
ответов
53
показа
Webpack4+Gulp4 не переводит ES6/babel в js (и не импортирует), а копирует
С переводом на последние версии перестал переводиться ES6/babel в js. Есть основной .js файл, который включает все остальные и в итоге должен быть образован один файл из многих. Но import '../js/...
0
голосов
1
ответ
992
показа
Module parse failed: Unexpected token (7:4) You may need an appropriate loader to handle this file type
Error in ./REST_R/frontend/src/components/App.js 7:4
Module parse failed: Unexpected token (7:4) You may need an appropriate loader to handle this file type.
Вот такая ошибка, ломаю голову как ...
1
голос
0
ответов
151
показ
Gulp4 watch не реагирует на изменения
Должно реагировать на изменения в файлах стиля, но даже на js нет реакции!
import gulp from 'gulp';
// import {get as browserSync} from 'browser-sync';
import watch from 'gulp-watch';
// const bs = ...
-1
голос
1
ответ
1k
показов
как через Webpack 4 сделать LESS to CSS compilation (комплияцию)?
вот мой
webpack.config.js
const HtmlWebPackPlugin = require("html-webpack-plugin");
const htmlPlugin = new HtmlWebPackPlugin({
template: "./src/index.html",
filename: "./index.html"
});
...
0
голосов
1
ответ
51
показ
Не срабатывает миграция конфига webpack
Решил обновит зависимости в package.json. 3 вебпак,который я использовался трансформировался в 4-й, который потребовал webpack-cli и наложил свои ограничения. В документации по cli есть портирование ...