声明:在vue-cli3.x创建的项目中,已经舍弃了build和config两个配置文件夹
首先:在根目录下新建vue.config.js文件
然后进行配置
module.exports = {
// 公共路径
publicPath: "./",
// 打包路径
outputDir: process.env.NODE_ENV === "test" ? "test" : "文件夹名称",
// 静态资源路径
assetsDir: "assets",
lintOnSave: false,
productionSourceMap: false, // 不需要生产环境的 source map 设置false(减小dist文件大小,加速构建)
devServer: {
open: true, // npm run serve后自动打开页面
host: "localhost", // 匹配本机IP地址(默认是0.0.0.0)
port: 8080 // 开发服务器运行端口号
},
};
解释:process.env.NODE_ENV默认的打包环境是生产环境,如果等于test,就会将打包后的文件放在test文件夹下,那我们需要将打包环境配置为test
进入 package.json文件
配置代码
"test": "vue-cli-service build --mode test",
到这里,你已经可以用 npm run test 进行打包了
然后还可以配置对应环境的接口路径
每个文件内的格式是相同的,只是路径不同而已。