Dengan Vue 3, bagaimana untuk menambah path-browserify pada vue.config.js?
module.exports = {
chainWebpack: config => {}
}
Ralat berikut berlaku semasa menyusun:
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 }
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Webpack 5 mengalih keluar beberapa kandungan yang disertakan dalam bungkusan Webpack 4.
Untuk mengembalikan semuanya ke dalam aplikasi vue3, anda boleh menggunakan pemalam polyfill. Daripada apl create-vue biasa dengan babel:
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", }, }, }, });Dengan bantuan daripada @Zack, menggunakan chainWebpack:
const NodePolyfillPlugin = require('node-polyfill-webpack-plugin') module.exports = { chainWebpack: config => { config.plugin('polyfills').use(NodePolyfillPlugin) }, }