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

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



Есть ответ!
У нас есть устаревшее базовое приложение, которое мы перемещаем, чтобы реагировать. Промежуточный шаг, который мы пытаемся сделать, - это загрузить связанный магистральный модуль на страницу 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...
Есть ответ!
Ленивый компонент в vue/webpack, похоже, ошибается, или я упускаю путаницу в терминах. Для ленивой загрузки компонента я использую ключевое слово import, и webpack должен разделить этот компонент на sepeate bundle, а когда мне нужно загрузить этот компонент, webpack должен позаботиться о нем и загрузить компонент. но на самом деле webpack действительно делает sperate-файл, но он все равно загруж...
Есть ответ!
Есть сервер nginx на 80 порту(testsite) и есть webpack dev сервер на 81 порту(test_vue), там vue приложение. Сделал проксирование, но когда перехожу на testsite/test_vue в консоль падает https://testsite/js/app.js net::ERR_ABORTED 404 (Not Found). Подскажите пожалуйста, где мой косяк. //sites-availeble/testsite.conf location /vue_test/ { proxy_pass http://localhost:8081/; pr...
Есть ответ!
Nuxt (2.10)/Машинопись (3.6) В WebStorm (2019.2.3) мы должны создать поддельный webpack.конфиг.js для того, чтобы псевдонимы путей работали в IDE: const path = require('path') module.exports = { resolve: { // for WebStorm alias: { '@': path.resolve(__dirname), assets: path.resolve(__dirname, './assets') } } } Затем в А.файл Vue : <style lang="scss" scoped> ...
Есть ответ!
я пытаюсь просмотреть веб-приложение vue через webpack-server-dev.Я следую этому руководству https://medium.com/the-web-tub/creating-your-first-vue-js-pwa-project-22f7c552fb34 В руководстве объясняется, что плагин используется для удаления старых и неиспользуемых файлов в каталоге dist. Я уже пытался заменить const CleanWebpackPlugin = require('clean-webpack-plugin') с const { CleanWebpackPlugin...
Есть ответ!
Я хочу использовать плагин webpack в Vue с помощью vue-cli, но я не хочу устанавливать webpack, потому что Vue обрабатывает это... Используя этот пример, я пытаюсь использовать плагин Environment из webpack. module.exports = { configureWebpack: { plugins: [ new EnvironmentPlugin([ 'HEROKU_RELEASE_VERSION']), ], }, }; Но поскольку мы используем vue-cli, я получаю : ...
Есть ответ!
Я хотел бы познакомить вю с уже существующим ASP.NET приложение MVC. Если мы намерены использовать однофайловые компоненты Vue, нужно ли добавлять WebPack в процесс сборки? В настоящее время наше приложение использует ASP.NET связывает, но не делает никакой дополнительной компиляции / обработки Javascript или CSS. Я пытаюсь понять, как добавление Vue (или любой другой front-end Javascript framew...
Есть ответ!
проблема У меня проблема с кэшированным Vue.JS components и я не можем воспроизвести эту проблему на своих устройствах, но каждое обновление на стороне клиента, которое мы получаем, пользователи жалуются на сломанные интерфейсы, и только очистка кэша браузера помогает. Я использую Laravel + Vue.js и это многостраничное приложение. Стратегия Все компоненты описаны в одном файле, который включе...
Есть ответ!
Я использую Vue/Typscript с webpack. И каждый раз, когда я открываю страницуinject.preload.jsвыдает ошибку типа GET blob:http://URL/1fbc0606-8477-416b-a45f-50b4d824f2bb 0 (), и я не знаю, откуда она берется или почему что-то было введено. Я проверял в режиме инкогнито в Google Chrome и Firefox нет ошибку. Как я могу узнать, почему возникает эта ошибка? Консольный выход пакет.формат JSON {...
Есть ответ!
Попытка использовать общедоступные данные API из нескольких различных ресурсов и получение ошибки CORS: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8081' is therefore not allowed access. Попытка добавить пользовательские заголовки на сервер разработки в Vus.JS cli webpack. Я пробовал добавлять headers: { "Access-Control-Al...
Есть ответ!
к сожалению, мое последнее приложение требуется для поддержки Internet Explorer 11. Это требование стало для меня несколько неожиданным, поэтому я уже построил интерфейс приложений с помощью Vue.JS. Бэкэнд написан на языке Laravel, поэтому я использую laravel-mix/webpack. Это мой app.js: require('./bootstrap'); window.Vue = require('vue'); Очевидно, что IE11 не поддерживает Vue.js поэтому я по...
Есть ответ!
Я пытаюсь добавить фоновое изображение CSS в динамический блок style, используя require в Vue.JS и v-for. <div v-for='item of this.$store.state.offers' :key="item.id" :style="{'background-image': 'url(' + require('../../assets/men.jpg') + ')'}" > Дело в том, что приведенный выше код работает статически, но если я заменю его на ${item.img} в скобках "require", он сломает...
Есть ответ!
В настоящее время я импортирую всю библиотеку lodash следующим образом: import _ from 'lodash'; Object.defineProperty(Vue.prototype, '$_', { value: _ }); И это работает нормально, и я могу получить доступ ко всем функциям lodash, используя this.$_.startCase() Но я использую только функции startCase и omit во всем моем проекте. Поэтому я попытался импортировать только эти функции: import {star...
Есть ответ!
Уважаемые Переполнение Стека / Вю.JS / Rollup community Это может быть нуб-вопрос для разработчиков мастер-плагинов, работающих с Vue и Rollup. Я напишу этот вопрос очень четко, надеясь, что он может помочь другим нубам, таким как я, в будущем. У меня есть простой плагин, который помогает с проверкой формы. Один из компонентов в этом плагине импортирует Vue для того, чтобы программно создать ком...
Есть ответ!
Мы переписываем наш существующий Angular 8 PWA на Vuejs, и у нас есть несколько проблем, связанных с процессом сборки. (Мы здесь не для того, чтобы обсуждать причины этого выбора или чье-либо мнение о нем) Наше приложение должно быть построено для разных клиентов с конкретными активами для каждого клиента (манифест.JSON-файл, значки и изображения). В Angular мы выполняем замену файлов, определя...
Есть ответ!
Я пытаюсь интегрировать редактор кода monaco в свое приложение ember octane. В настоящее время я использую стиль импорта ESM и подтверждаю руководство, я установил плагин webpack loader и интегрировал его в свою ember-cli-сборку.JS const EmberApp = require('ember-cli/lib/broccoli/ember-app'); const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin'); module.exports = function(defaults)...
Есть ответ!
У меня есть VPS и я хочу построить vue-cli, и после того, как я запустил "npm i", затем 'npm run build' он показывает эти ошибки, и я хочу ограничить использование памяти vue-cli, чтобы соответствовать спецификациям VPS Я использую Ubuntu 19 и моя память составляет 1 ГБ > promoting_activation_front@0.1.0 build /var/www/promoting_frontend > vue-cli-service build ⠙ Building for production...
Есть ответ!
У меня есть проект Laravel и Vue, в котором я использую import, 0.jsи др.) размещаются непосредственно в 1.jsкаталоге, а не в разделе public, где находится public/jsесть. Вот мой файл Laravel Mix: app.js Что мне нужно изменить / добавить, чтобы файлы блоков Vue автоматически помещались в const mix = require('laravel-mix'); mix.js('resources/js/app.js', 'public/js/') .sass('resources/sass/ve...
Есть ответ!
Я пытаюсь использовать библиотеку node-pty в проекте scaffolded с vue-cli. При запуске программы я получаю следующую ошибку: error in ./node_modules/node-pty/build/Release/pty.node Module parse failed: Unexpected character '' (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders (...


Закрыть X