Описание тега webpack-chain
Основная конфигурация webpack основана на создании и изменении потенциально громоздкого объекта JavaScript. Хотя это нормально для конфигураций в отдельных проектах, попытки разделить эти объекты между проектами и внести последующие изменения могут вызвать затруднения. webpack-chain пытается улучшить этот процесс, предоставляя связанный или плавный API для создания и изменения конфигураций webpack.
1
ответ
Как использовать цепочку веб-пакетов для добавления опций appendTsSuffixTo в ts-loader?
Проще говоря, как мне использовать webpack-loader, чтобы добавить следующую опцию в ts-loader плагин: options: { appendTsSuffixTo: [/\.vue$/] } В настоящее время у меня есть эта настройка для TS-загрузчик (верхняя часть здесь для контекста). дно con…
14 янв '19 в 05:56
0
ответов
Используйте WebpackChain для настройки импорта scss с глобусами (gridsome или vue-cli)
У меня ужасный проект, который использует webpackchain для настройки webpack (как это делает vue-cli). Я хотел бы установить управление scss glob в моих файлах scss. Я использую import-glob-loader, я не очень знаком с webpack, и синтаксис webpackcha…
25 мар '19 в 16:36
1
ответ
Напишите MiniCssExtractPlugin в виде цепочки веб-пакетов
Как написать следующее в webpack-chain const MiniCssExtractPlugin = require('mini-css-extract-plugin'); module.exports = { plugins: [ new MiniCssExtractPlugin({ // Options similar to the same options in webpackOptions.output // both options are opti…
06 май '19 в 10:48
1
ответ
Как изменить правило с помощью Vue-cli?
Из vue-inspect Я могу прочитать это: /* config.module.rule('fonts') */ { test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/i, use: [ /* config.module.rule('fonts').use('url-loader') */ { loader: 'url-loader', options: { limit: 4096, fallback: { loader: 'file-lo…
15 авг '19 в 13:23
3
ответа
NoneVue .config.js & webpack 4: переопределить "исключить" или "включить" правила
Я хочу переопределить исключение / включение правила веб-пакета. Проект был создан с vue-cli-sevice и, следовательно, имеет только vue.config.js, Я могу подключиться к конфигурации с chainWebpack, но я не могу редактировать само правило. Выход из vu…
15 июл '19 в 11:42
0
ответов
Как импортировать библиотеку Sass (например, бурбон) в Vue.js
Я использую vue@2.6.10. Я изменил мой vue.config.js с помощью пакета includePaths для бурбона: module.exports = { chainWebpack: (config) => { config.module.rule('scss').oneOf('vue-modules').use('sass-loader').options({ includePaths: require('bour…
28 май '19 в 20:56
0
ответов
Как экспортировать несколько файлов css с помощью vue-cli?
Как я могу экспортировать несколько файлов css при создании проекта? У меня есть несколько файлов scss темы, я импортирую их по одному каждый раз, когда хочу создать свой проект. На это уходит очень много времени. Как я могу экспортировать их по отд…
14 фев '20 в 16:47
1
ответ
Как удалить плагин с помощью цепочки webpack?
Если у меня есть разрешенная конфигурация Webpack, например: ... plugins: [ /* config.plugin('vue-loader') */ new VueLoaderPlugin(), /* config.plugin('define') */ new DefinePlugin( { 'process.env': { NODE_ENV: '"development"', BASE_URL: '"/"' } } ),…
02 мар '20 в 19:26
0
ответов
Как плагин Vue CLI может изменять transpileDepencies?
Как мой плагин Vue CLI может сообщить плагину CLI babel, что определенная зависимость в node_modules должна быть перенесена? Даже эта попытка перебора не удалась, хотя теоретически все файлы должны быть перенесены: module.exports = (api, opts) =>…
26 май '20 в 23:46
1
ответ
конфигурация webpack: удалить хеш из имен файлов записи / пакета *.js
Я делаю приложение vue.js. После сборки он сгенерирует js-файл "background.2a548437.js" вместо "background.js", который мне нужен. Я выполняю настройку цепочки пакетов через файл "vue.config.js". Для диагностики я читаю результат "$vue inspect", но …
05 апр '20 в 17:32
1
ответ
Могу ли я выбрать, какие файлы будут компилироваться в webpack или vueloader при сборке?
Когда я создаю свой проект Vue с npm run build, Я хотел бы выбрать определенные файлы Vue для (пере) компиляции в папку dist. Моя идея заключалась в изменении конфигураций в webpack или цепочке webpack для компиляции с определенной точки входа. Прим…
20 май '20 в 18:36
0
ответов
webpack-chain: модуль не найден
Я попытался настроить конфигурацию с помощью webpack-chain сегодня, потому что я интегрирую Vue в мой проект сейчас. webpack.config.js выглядит следующим образом const path = require('path'); const Config = require('webpack-chain'); const config = n…
26 фев '21 в 20:12
1
ответ
chainWebpack - как настроить инфраструктуру
У меня есть раздел в vue.config.js. я chainWebpack: config => { // Add "node_modules" alias config.resolve.alias .set('node_modules', path.join(__dirname, './node_modules')); config.devtool('source-map'); // Do not remove whitespaces config.modul…
04 май '21 в 14:55
0
ответов
Загрузчик веб-пакетов vuePress .js файлов
У меня есть библиотека компонентов, которую я могу использовать в проекте vuepress в качестве зависимости, но когда я пытаюсь запустить npm docs:dev, я получил ошибку Ошибка синтаксического анализа модуля: неожиданный токен (2:8). Для обработки этог…
05 сен '21 в 15:55
0
ответов
chainWebpack - один загрузчик, тестирующий несколько типов файлов
Я пытаюсь использовать один и тот же загрузчик для тестирования двух разных типов файлов. Однако я не могу заставить его работать. Я делаю следующее, но это не работает: chainWebpack: (config) => { config.module .rule("conditionalCompilerVue") .t…
22 ноя '21 в 15:59
0
ответов
Преобразование изображений Vue 3 в webp
Как конвертировать изображения Vue 3 в webp? Следующее оптимизирует, но не конвертирует изображения в webp. module.exports = { chainWebpack: config => { config.module .rule('images') .test(/\.(jpe?g|png|webp)$/i) .use('webp') .loader('webp-loader…
07 сен '21 в 22:16
0
ответов
Как изменить порядок вызова chainWebpack() с помощью vue js?
Я пытаюсь обновить этот плагин: https://github.com/vatson/vue-cli-plugin-ts-bundler Я сделал большую часть работы, но когда я применил его к @hl037 и попытался выполнить сборку , я сталкиваюсь с проблемами, потому что вызовы api.chainWebpack выполня…
31 янв '21 в 08:35
0
ответов
Создайте автономный компонент React для доставки в CDN с помощью umijs.
После создания приложения React и MyModule я создаю html-файл для теста: <!-- MAIN.html --> <body> <div id="root"></div> <script src="http://localhost/cdn/js/MyModule.js.js"></script> <script> MyModule.mount…
10 июл '23 в 16:57