Вопросы и ответы - webpack

Вопросы и ответы - webpack



Есть ответ!
У меня есть библиотека, которая использует динамический импорт. Этот динамический импорт приводит к динамическому фрагменту. Он всегда назывался 0.js, но теперь он называется chunk-somenumber.js. Мне нужны предсказуемые имена файлов, в идеале увеличивающие числа для всех безымянных динамических импортеров. Это мой vue.config.js: /* eslint-disable @typescript-eslint/no-var-requires, no-undef, impor...
Есть ответ!
Это версии модулей Sass, которые я использую: node-sass@^4 sass-loader@^7 Я попытался установить глобальную переменную Sass в файле vue.config.js: module.exports = { css: { loaderOptions: { sass: { prependData: `$primaryColor: #16A085;` } } } } Но после запуска npm run dev, я получаю следующее сообщение об ошибке: Module build failed: color: $primaryColor; ...
Есть ответ!
На данный момент у меня есть следующая конфигурация, в которой я получаю ошибку: Не удалось загрузить ресурс: сервер ответил со статусом 404 (не найденный) Как я понимаю, я неправильно ввел путь, и nginx не может дать build.js файл, который отсутствует в этом пути. Как я могу правильно настроить nginx так, чтобы он обслуживал этот файл? Конфиг nginx'а: upstream music { server web:8000; } se...
Есть ответ!
Я настроить мой веб-клиента Project manifest.json в vue.config.js, как показано ниже. Как я могу настроить иконки веб-клиента Project для обозначения изображений внутри папки assets/? module.exports = { pwa: { manifestOptions: { name: process.env.VUE_APP_APP_NAME, short_name: process.env.VUE_APP_SHORT_NAME, start_url: process.env.VUE_APP_START_URL, ...
Есть ответ!
У меня есть проект с laravel7, использующий блейд-шаблоны, и в данный момент я использую webpack, и я получаю ошибку компиляции, которую показываю в конце поста. Файл webpack.mix.js const mix = require('laravel-mix'); mix.js([ 'resources/assets/js/app.js', 'resources/assets/vendor/popper/popper.min.js', 'resources/assets/vendor/bootstrap/bootstrap.min.js', 'resources/assets/vendor...
Есть ответ!
У нас есть приложение Vue 2.x.x (typescript) наше приложение должно быть разделено на модули. Как /пользователи, / статьи, / отчеты и т. д. Это микро-фронтенд-архитектура. Например, это решение: https://itnext.io/setup-a-micro-frontend-architecture-with-vue-and-single-spa-2c89528bf72f Мы хотим, чтобы загрузить эти модули динамически, в зависимости от разрешений пользователя, поэтому мы решили выбр...
Есть ответ!
Я создал простое РЕПО github, чтобы воспроизвести свой сценарий. У меня есть 2 конфигурационных файла: dev.vue.config.js и prod.vue.config.js которые используются в зависимости от значения NODE_ENV Для прод на мои точки входа webpack устанавливается как configureWebpack: { entry: { activitySubmit: './src/as-setup.js' } } и я также использую плагин SplitChunks для связывания node_m...
Есть ответ!
Я установил Vue.js с помощью командной строки: bundle exec rails webpacker:install:vue Как можно вернуть его и удалить Vue.js?
Есть ответ!
У меня есть приложение Vue с четырьмя компонентами: A, B, C, D В конкретном шаблоне у меня такая ситуация: Вложенный в Д вложенных в C вложенных в B, вложенного в Но когда я выполняю страницу, Я получаю эту ошибку: Uncaught ReferenceError: Cannot access '__WEBPACK_DEFAULT_EXPORT__' before initialization at Module.default (VM989 A.vue:3) at eval (C.ts:37) at Object../src/C.ts (bundle.js?v=Eyk_ReZs3...
Есть ответ!
Допустим, у меня есть проект Vue CLI, который использует этот vue.config.js: module.exports = { ... devServer: { before: function(app, server, compiler) { app.get('/my_response', function(req, res) { res.json({ custom: 'Hello world' }); }); }, } } Для запуска сервера каждый раз, когда я использую: yarn serve Однако, как только сер...
Есть ответ!
Я получаю следующую ошибку при попытке построить свой пакет, знаете ли вы какую-либо причину, по которой он может быть у меня? каким-то образом функция от node_modules/setimmediate/setimmediate.js function installNextTickImplementation() { registerImmediate = function(handle) { process.nextTick(function () { runIfPresent(handle); }); }; } заменяется на webpack ...
Есть ответ!
Я пытаюсь контролировать имена файлов, созданных из приложения Vue с помощью Webpack. Среда, в которой я хочу разместить встроенное приложение, не любит имена файлов с". " (не спрашивайте). Я смог получить JS-файлы в соответствии со схемой именования "дефис"с помощью вывода.имя файла в записи vue.config.js configureWebpack. Но css-файлы не переименовываются. Поскольку я загружаю два объемно упако...
Есть ответ!
Я использую Webpack с моим приложением Vuejs. Я не могу загрузить свое приложение на IE 11. Вот как выглядит консоль: Состояние консоли SCRIPT1010: Expected identifier webpack.config.js { test: /\.(es6|js|mjs)$/, exclude: /node_modules/, use: { loader: 'babel-loader', options: { ...
Есть ответ!
Мне удалось сделать это для vue с помощью Webpack config externals Сначала я включил CDN для Vue в свой html файл index.html <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script> Затем я изменил свою конфигурацию webpack vue.config.js module.exports = { configureWebpack: { // ... externals: { vue: 'Vue', } // ... }, } Все работало идеаль...
Есть ответ!
У меня есть проблема с настройкой фреймворка Vue с помощью webpack. Если быть более точным, проблема заключается в стилях, включенных в тег <style> в отдельных файловых компонентах. Эти стили не применяются, хотя моя конфигурация выглядит точно так же, как и во многих учебниках, посвященных этому процессу настройки. Во время сборки webpack ошибок нет. Ниже я включаю некоторые фрагменты кода,...
Есть ответ!
Webpack компилирует однофайловые компоненты, но не загружает CSS. HTML и Vue отображаются правильно, но без CSS. Похоже, это проблема с конфигурацией webpack. Есть идеи, что случилось? Я использую webpack-dev-server для загрузки сервера разработки. src/index.html <html> <head> <title>Vue Hello World</title> </head> <body> <h1>Header</h1> ...
Есть ответ!
Анализатор пакетов Webpack показывает, что иконки из пакета bootstrap-vue имеют размер 535 КБ. Я не хочу использовать их в проекте, поэтому я пытался исключить пакет с помощью webpack IgnorePlugin. Согласно примеру в документации, я попытался написать это: new webpack.IgnorePlugin({ resourceRegExp: /^icons(.*)$/, contextRegExp: /^bootstrap-vue(.*)$/ }) но это не сработало. Еди...
Есть ответ!
В настоящее время я нахожусь в процессе создания библиотеки компонентов пользовательского интерфейса Vue для компании, и в этом процессе я использую webpack в качестве пакета по умолчанию. Я хочу собрать весь проект в пакет npm, который затем может быть распространен через частный репозиторий пакетов git. Дистрибутив пакета запущен и работает, но я не могу правильно экспортировать компоненты, чтоб...
Есть ответ!
У нас есть устаревшее базовое приложение, которое мы перемещаем, чтобы реагировать. Промежуточный шаг, который мы пытаемся сделать, - это загрузить связанный магистральный модуль на страницу React, пока у нас не будет времени полностью переписать его. Я нахожусь на полпути туда, я могу объединить приложение и все его зависимости с r.js, используя такую конфигурацию: ({ ... baseUrl: './', ...
Есть ответ!
Я не могу заставить webpack_public_path работать с моим приложением vue. я получаю эту ошибку: Module Error (from ./node_modules/eslint-loader/index.js): error: '__webpack_public_path__' is not defined (no-undef) at src\publicpath.js:1:1: > 1 | __webpack_public_path__ = process.env.VUE_APP_CHAT_URL; | ^ 2 | вот как я это реализовал: //publicpath.js __webpack_public_path__ = process.en...


Закрыть X