Vue 3 — Как добавить полифиллы в ChainWebpack

Как с помощью Vue 3 добавить path-browserify в vue.config.js?

module.exports = {
    chainWebpack: config => {}
}

Я получаю следующую ошибку при компиляции:

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
        - install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "path": false }

javascript vue.js webpack babeljs vuejs3

16.03.2022 11:44

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

162

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Webpack 5 удалил некоторые вещи, которые Webpack 4 включал в комплект.

Чтобы вернуть все обратно в приложение vue3, вы можете использовать плагин polyfill. Из ванильного приложения create-vue-app с Babel:

> npm i node-polyfill-webpack-plugin

Babel.config.js

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
}

vue.config.js

const { defineConfig } = require("@vue/cli-service");
const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");
module.exports = defineConfig({
  transpileDependencies: true,
  configureWebpack: {
    plugins: [new NodePolyfillPlugin()],
    optimization: {
      splitChunks: {
        chunks: "all",
      },
    },
  },
});

17.03.2022 21:54

Ответ принят как подходящий

С помощью @Zack:

const NodePolyfillPlugin = require('node-polyfill-webpack-plugin')

module.exports = {
    chainWebpack: config => {
        config.plugin('polyfills').use(NodePolyfillPlugin)
    },
}

22.03.2022 06:44

Другие вопросы по теме

Как настроить ссылку на маршрутизатор в vue.js для использования псевдонима в качестве слага?

SVG с несколькими путями

Как выполнить производственное развертывание для приложения vue?

Vue js экранирует только определенные теги HTML

Ant Design Vue Выбор отображения существующих элементов

Img src с v-bind не отображает изображение

Как импортировать Deepgram nodeJS SDK в проект VueJS 3

Как я могу подавить сообщения об ошибках прокси-сервера Vue/Webpack dev в терминале?

Редактор Quill переключается на направление языка RTL, если он украшен свойством «ref»

Как передать v-on/v-bind компоненту

Vue 3 — Как добавить полифиллы в ChainWebpack

Ответы 2

Другие вопросы по теме

Похожие вопросы