学习过程中,在打包vue3项目的时候发现打包出来的index.html里面引入的js和css文件路径全都不对应,网上查找之后了解到需要修改config文件,但在vue-cli3中没有发现这个东西,发现官方vue-cli3,精简了很多文件,其中包括没有了cli2中的config目录,所以需要自行添加,在根目录(非src目录)中创建vue.config.js文件然后进行写入
module.exports = {
// 使用vue-cli3打包项目,通过配置不同的指令给项目设置不一样的配置。
// npm run serve时会把process.env.NODE_ENV设置为‘development’;
// npm run build 时会把process.env.NODE_ENV设置为‘production’;
publicPath: process.env.NODE_ENV === 'production' ? './' : '/'
}
注意vue3.3版本之前的路径配置名称是baseUrl,之后改为了publicPath,否则会报错
以此记录