vue-cli4之中默认没有vue.config.js,所以需要自己来创建配置。vue.config.js就是打包的一些配置。
这是一些比较基础的配置
module.exports = { // 公共路径(必须有的) publicPath: "./", // 输出文件目录 outputDir: "dist", // 静态资源存放的文件夹(相对于ouputDir) assetsDir: "static", // eslint-loader 是否在保存的时候检查(果断不用,这玩意儿我都没装) lintOnSave:false, // 我用的only,打包后小些 runtimeCompiler: false, productionSourceMap: true, // 不需要生产环境的设置false可以减小dist文件大小,加速构建 ? devServer: { open: true, // npm run serve后自动打开页面 host: ‘0.0.0.0‘, // 匹配本机IP地址(默认是0.0.0.0) port: 8080, // 开发服务器运行端口号 proxy: null, }, }
按照自己的要求改一下就可以了,注意runtimeCompiler: false,,不能写成compiler,已经被废弃了。另外就是把assetsDir设置成 static,一般都是static目录,不然默认的会是assets。
之后进行打包
cnpm run build
原文:https://www.cnblogs.com/ranyihang/p/12892160.html