记录下我遇到的vue.config.js配置项以及当时使用的原因。publicPathmodule.exports={publicPath:process.env.NODE_ENV==='生产'?'/vue/':'/',}如果你的域名是https://www.iicoom.top，如果生产环境是https://www.iicoom.top/这个路径已经被其他项目占用了，如果你想从https://www.iicom.top/vue/路径访问它，你可以通过上面的配置来完成。configureWebpackremovelog在项目开发调试的过程中难免会调试一些，打印一些日志。在项目上线的时候手动清除这些日志可能会比较麻烦。通过如下配置，当我们使用npmrunbuild//oryarnbuild时，编译好的代码部署到线上环境，打开控制台是清空清爽的样子。module.exports={configureWebpack:config=>{//生产环境取消console.logif(process.env.NODE_ENV==='production'){config.optimization.minimizer[0].options.terserOptions.compress.warnings=假config.optimization.minimizer[0].options.terserOptions.compress.drop_console=trueconfig.optimization.minimizer[0].options.terserOptions.compress.drop_debugger=trueconfig.optimization.minimizer[0].options.terserOptions.compress.pure_funcs=['console.log']}}}resolve当时项目中引入了一个名为summernote的富文本编辑器。它依赖于bootstrap和jQuery。安装完依赖后还是提示没有安装jquery，于是进行如下配置，问题解决。constpath=require('路径');module.exports={//选项...configureWebpack:{resolve:{别名:{'jquery':path.resolve(__dirname,'./node_modules/jquery/src/jquery'),'jQuery':path.resolve(__dirname,'./node_modules/jquery/src/jquery')}}}}
