1、首先在config.js文件里边简单配置一下
//打包配置文件
module.exports = {
transpileDependencies: true,//新创建vue项目后,会出现第一行代码爆红的现象,解决它的方法:
lintOnSave:false,//刚创建新的项目;每次运行出现很多警告。
assetsDir: 'static', 放置静态资源
parallel: false,// 打包时打开
publicPath: './', //指定资源文件引用的目录
};
配置完后,重新运行一下项目
npm run xxx
运行打包命令
npm run build
打包成功的样子就是你没打包之前的页面效果