Публикации по теме 'webpack-3'


WebPack 3. Из файла конфигурации в глубины
Все начинается с выполнения bin-файла WebPack. В первую очередь мы должны передать конфигу этот исполняемый файл. ./node_modules/webpack/bin/webpack.js --config webpack.config.js Что внутри исполняемого файла? Давай проверим. webpack/bin/webpack.js В начале файла видим следующее var yargs = require("yargs") Эта библиотека помогает анализировать параметры. Некоторые параметры описаны в файле config-yargs.js . require("./config-yargs")(yargs); Вот..

Два года спустя, и этот пост заставил меня довольно быстро начать работать; проблема, которая занимала больше всего…
Два года спустя, и этот пост заставил меня довольно быстро начать работать; проблема, которая заняла большую часть моего времени, заключалась в том, что имена модулей AMD, приведенные в этой статье, кажутся неправильными (по крайней мере, сейчас). Когда я использовал имена React и ReactDOM для сборки amd , как указано в этой статье (а затем использовал те же ключи в моей requirejs.confi.paths ), RequireJS выдавал ошибки из-за того, что зависело от react и react-dom . Точно так..

Вопросы по теме 'webpack-3'

Webpack3: требуется, чтобы экспортированный модуль не работал
При попытке получить доступ к модулю, который я создал util.js внутри файла, где я использую module.exports в веб-пакете, это приводит к созданию пустого объекта во время сборки. На изображении ниже мой const utils = require(...) возвращает...
376 просмотров
schedule 16.01.2024

почему загрузчик babel и jsx не работает в веб-пакете версии 3.x в реагирующем приложении
Package.json это файл json моего пакета. Я уже установил npm install --save-dev babel-loader babel-core в своем приложении /* Package.json*/ { "name": "tripdetail", "version": "1.0.0", "main": "index.js", "scripts": {...
1635 просмотров

WebPack + SASS: как создать относительный путь к изображению?
Я пытаюсь настроить веб-приложение за виртуальным хостом Apache, который действует как прокси (proxyPass), чтобы добавить contextPath. Конечно, только vhost должен знать этот contextPath. Все в порядке, кроме фоновых изображений, которые не...
3422 просмотров

Webpack: как объединить css и меньше, ЗАТЕМ применить cssnano
Мне удалось скомпилировать мои css и меньше ресурсов («импортированные» из javascript) в all-my-LESS|CSS , извлечь их с помощью ExtractTextPlugin и объединить вместе с MergeFilesPlugin в combinedStyles.css . Немного, чего мне не хватает: как...
887 просмотров

Webpack 3 + PostCSS не выполняет горячую загрузку при изменении CSS-файла @import
Вот моя конфигурация css webpack { test: /\.css$/, use: [ { loader: 'style-loader', }, { loader: 'css-loader', options: { sourceMap: true, importLoaders: 1 } }, { loader: 'postcss-loader',...
209 просмотров
schedule 18.01.2023

Karma/Webpack/Vue.js: свойство или метод не определены в экземпляре, но на них ссылаются во время рендеринга.
Я видел, что этот вопрос уже задавали много раз, но в данном случае я думаю, что это больше связано с моей конфигурацией karma/webpack, чем с тем, что я делаю в Vue. Это потому, что я получаю предупреждение только при запуске тестов с помощью Karma...
1997 просмотров

Динамический импорт разделяет код, но не загружает ленивую загрузку
Я хочу ввести ленивую загрузку в Vue Router, чтобы некоторые части кода загружались только по запросу. Я следую официальной документации по отложенной загрузке в Vue Router: https://router.vuejs.org/en/advanced/lazy-loading.html Итак, для...
811 просмотров

Webpack, включая неиспользуемый экспорт в окончательный пакет (не тряска дерева)
У меня есть настройка, в которой index.js библиотеки (основная точка входа) экспортирует все в библиотеке ... поэтому его настройка выглядит следующим образом: export * from "./mod1" export * from "./mod2" // etc... ( взгляните ) Когда я...
8093 просмотров
schedule 28.12.2022

Инкрементальная производственная сборка Webpack
У меня есть проект webpack, который создается вместе с другими компонентами SBT. Производственная сборка webpack компилирует src, предоставляет мне папку dist, которая создается из папки src, а остальное - это скопированные активы. Каждый раз, когда...
709 просмотров
schedule 18.06.2023

Проблема с использованием плагина extract-text-webpack
Я пытаюсь использовать плагин Extract Text Webpack, но мне не удалось создать новый файл css для скомпилированных файлов sass. webpack.config.js var ExtractTextPlugin = require("extract-text-webpack-plugin"); module.exports = { entry :...
607 просмотров
schedule 19.07.2023

Webpack: как перенести CommonsChunkPlugin (wp3) на оптимизацию.splitChunks (wp4)?
Я пытаюсь перейти на webpack4 с версии 3, и мне очень трудно перенести CommonsChunkPlugin . На WP3 у меня следующая упрощенная конфигурация: const entries = { client: './src/index.js', common1: ['lodash'], common2: ['react',...
1036 просмотров

Как исключить модуль из веб-пакета и вместо этого импортировать его с помощью es6
В настоящее время я использую webpack для связывания файла javascript с реакцией. В этом файле также есть еще один оператор импорта в другой модуль в моем проекте. import { MyModule} from './MyModuleFile.js' Есть ли способ исключить...
9075 просмотров
schedule 28.10.2022