关于vue3中无config文件

学习过程中,在打包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,否则会报错

以此记录

你可能感兴趣的:(vue.js,javascript,前端)