Описание тега webpack-4
Webpack - это сборщик модулей JavaScript. Webpack принимает модули с зависимостями и генерирует статические ресурсы, представляющие эти модули. Ключевые особенности Webpack основаны на расширяемости и позволяют разработчикам использовать передовые методы веб-архитектуры и веб-производительности.
1
ответ
Как связать JS и CSS файл самостоятельно с помощью Webpack?
У меня есть несколько файлов JS и SCSS. Мне нужен Webpack 4 для объединения каждой записи JS в один файл JS и каждой записи SCSS в один файл CSS. Файлы JS не импортируют файлы SCSS. Я пытаюсь сделать это со следующим webpack.config.js: const path = …
29 сен '18 в 12:33
0
ответов
Почему mini-css-extract-plugin не создает css-файл за меньшие деньги?
Я попытался извлечь-text-webpack-плагин для извлечения файла CSS, но это не удалось. Версия веб-пакета - 4.16.3, поэтому для этого я использовал mini-css-extract-plugin! Я думаю, что речь не идет о конфигурации этих плагинов. Есть мой конфиг вебпака…
02 авг '18 в 15:33
0
ответов
Конфигурация Webpack 4 не показывает файлы исходных карт
У меня есть конфигурация веб-пакета, как: const extractSass = new ExtractTextPlugin({ filename: '[name]', disable: process.env.NODE_ENV === "development" }); module.exports = (env, options) => { console.log(`env: ${env} mode: ${options.mode}`); r…
19 июн '18 в 06:50
1
ответ
Использование локальных модулей с Webpack 4 объединяет одну и ту же зависимость несколько раз
Я пытаюсь найти хороший способ использования локальных модулей в npm или способ структурирования большого приложения, чтобы его можно было объединить в модули, которые могут находиться или не находиться в отдельном хранилище. Каждый локальный модуль…
03 май '18 в 21:15
0
ответов
Когда я запускаю мою сборку с веб-пакетом, она связывает код из моего app.js в пакеты post.js и contentful.js
const path = require('path'); const UglifyJsPlugin = require('uglifyjs-webpack-plugin'); module.exports = { context: path.join(__dirname, 'Scripts'), entry: { app: './Client-scripts/app.js', contentful: './Client-scripts/contentful.js', language: '.…
03 авг '18 в 20:32
5
ответов
Не могу минимизировать код CSS с помощью веб-пакета
Версия Webpack: 4.16.3 Вся компиляция прошла успешно.Мой код после компиляции в bundle.css не минимизируется.Я пытаюсь использовать minimal : true в text-webpack-plugin, но он не работает. Для компиляции я использую команду в командной строке: webpa…
09 авг '18 в 03:15
1
ответ
Миграция в Webpack 4 из Webpack 3
Я пытаюсь перейти на Webpack 4, но это была настоящая боль. После нескольких дней работы над переносом плагинов Webpack 3 на нативные компоненты Webpack 4 я получил js якобы будет отображаться нормально, но когда я захожу на свой сайт, я получаю на …
21 сен '18 в 15:53
1
ответ
Не удается разрешить зависимости с помощью Webpack 4 и Bower
Я пытаюсь связать свое приложение с Webpack 4, это приложение, основанное на Polymer, с зависимостями в бауэре и HTML-файлами. Это мой конфиг веб-пакета: 'use strict'; const webpack = require('webpack'); /* global __dirname module require */ /* esli…
24 апр '18 в 09:58
1
ответ
Делиться меньшим количеством файлов в архитектуре компонентов
У меня есть 2 файла, которые я хочу, чтобы они были глобальными: functions.less - где функции объявлены например: f_transition(@transString: 0) when not (@transString = 0) { transition: @transString; -moz-transition: @transString; /* Firefox 4 */ -w…
18 дек '18 в 18:53
1
ответ
Конфигурация Vue-cli Webpack: как правильно настроить webp-загрузчик
Согласно документации webp-загрузчика, я пытаюсь вставить правильные параметры мультизагрузчика в свой vue.config.js const webpack = require('webpack') module.exports = { configureWebpack: { loaders: [ { test: /\.(jpe?g|png)$/i, loader: multi( 'file…
26 июл '18 в 10:44
1
ответ
CSS в записи конфигурации веб-пакета против импорта в файл JavaScript
Я видел много людей, импортирующих их main.css файл в их main.js файл, но мне кажется, что это неправильно. Почему я хочу, чтобы мой JavaScript знал или заботился о CSS? Что плохого в том, чтобы включить его в конфигурационную запись веб-пакета? Вот…
21 авг '18 в 16:46
0
ответов
Webpack4 разбивает вендор на две части
Я создал пакет поставщика, используя код: splitChunks: { cacheGroups: { commons: { name: 'commons', chunks: 'initial', minChunks: 3 }, vendor: { test: /[\\/]node_modules[\\/]/, name: "vendor", chunks: "all" } } } Это создает один огромный пакет из ф…
03 янв '19 в 07:42
1
ответ
CSS-загрузчик Webpack-4: неизвестное слово в module.export
Я новичок в Webpack и пытаюсь реализовать его для старого сайта. Независимо от того, сколько решений я пробую, я всегда получаю ошибку "Неизвестное слово" при сборке с использованием sass / raw / css / loaders. Похоже, ошибка возникает в файле modul…
30 май '18 в 20:17
2
ответа
webpack4 как настроить файл postcss.config.js в рабочем режиме
"scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "webpack-dev-server --mode development --open --progress --config webpack.dev.config.js", "build": "webpack --progress --mode production --config webpack.prod.conf…
04 дек '18 в 12:19
0
ответов
Webpack для копирования файлов и преобразования псевдонимов ТОЛЬКО
У меня есть большая библиотека компонентов, сделанная из файлов VUE одного файла. /src/ /a.vue /b.vue /sub/ /c.vue И я хотел бы экспортировать это так: /src/ /a.js /b.js /sub/ /c.js Babel конвертирует файлы JS в ES5, но (очевидно) не конвертирует фа…
13 фев '19 в 13:54
0
ответов
Установка extract-text-webpack-plugin и лица node_modules/webpack-cli/bin/cli.js:244 бросить ошибку;
После установки extract-text-webpack-plugin я не могу построить свой проект, который он выбрасывает /home/user/project/node_modules/webpack-cli/bin/cli.js:244 ошибка. Я уже пытался удалить и переустановить веб-пакет, но ничего не произошло. Вот инфо…
23 авг '18 в 08:51
2
ответа
Ошибка: не удается разрешить все параметры для местоположения: (?) В приложении angular7 webpack
В моем браузере появляется следующая ошибка при локальном запуске приложения node.js-angular7-webpack4.21, которое я НЕ создал с помощью angular-cli: Error: Can't resolve all parameters for Location: (?). Я тщательно исследовал проблему. Во-первых, …
20 окт '18 в 12:09
1
ответ
Как разрешить импорт / нет неразрешенных с настройкой Eslint в WebPack 4
Я исследовал в течение нескольких часов. Я сам создал прототип и обнаружил, что веб-пакет работает над разрешающим псевдонимом, но eslint продолжал сообщать, что не может разрешить, ДАЖЕ после того, как я застрял в настройке, якобы решил эту проблем…
16 июл '18 в 20:21
0
ответов
Файлы Sass не собираются в Webpack Production
У меня есть global.scss файл в папке стилей, и он отлично работает, когда я в режиме разработки. Но когда я создаю свой сценарий, все мои .scss файлы не компилируются. вот мой webpack.conf.js правило const isDevMode = options.mode === 'development' …
13 ноя '18 в 08:09
1
ответ
Webpack 4 - node_modules в родительской папке. Как создать вендорский чанк?
У меня есть эта конфигурация в моем webpack.config.js vendors : { test : /[\\/]node_modules[\\/]/, chunks: 'initial', name: 'vendors', priority: 10, enforce: true, minChunks : 2, }, который работал нормально, когда node_modules были внутри папки про…
26 ноя '18 в 17:45