背景:
在开发过程中,发现打包比较慢,注意到项目还是webpack3.x,于是就想替换一波,直接通过vue-cli, 使用了最新的webpack5.0.4; 大概步骤就是用vue-cli 新建一个项目,再直接把原项目的src、package.json等内容复制过来 。更换完成后,在npm run dev 过程中发现一个报错,我在组件中用到了 path ,其提示我要加依赖,但是在vue.config中却能正常使用。于是网上搜了一下,但是配置都不对,研究了一波,直接放在configureWebpack(与devServer同级)中就行。下面是具体情况:
问题报错:
解决方法:
configureWebpack: {
resolve: {
alias: {
"@": resolve("src"),
},
fallback: {
path: require.resolve("path-browserify"),
},
},
}