vue 配置发布测试环境，成产环境api

2021-03-09 13:26

阅读：640

标签：vue cnpm nod 不同 pts script cnp inline evel

vue通过配置不同命令自动发布到测试环境或者成产环境

cnpm run build 配置开发环境

cnpm run build:test 打包到测试环境

cnpm run build:prod 打包到成产环境

vue 在vue-cli脚手架会生成build config两个文件夹

在build文件夹下新建webpack.test.conf.js 将webpack.prod.conf.js内容复制过来

将webpack.test.conf.js 修改成 const env = require(‘../config/test.env‘)

const env = require(‘../config/test.env‘)

在config新建test.env.js 将prod.env.js复制过来

test.env.js

‘use strict‘
module.exports = {
  NODE_ENV: ‘"production"‘,
  API_ROOT:‘"http://测试.com:18081/app/"‘
}

prod.env.js

‘use strict‘
module.exports = {
  NODE_ENV: ‘"production"‘,
  API_ROOT:‘"https://正式.com/app/"‘
}

dev.env.js

‘use strict‘
const merge = require(‘webpack-merge‘)
const prodEnv = require(‘./prod.env‘)

module.exports = merge(prodEnv, {
  NODE_ENV: ‘"development"‘,
  API_ROOT: ‘/api/‘
})

在build下新建test.js

将build.js内容复制到test.js

const webpackConfig = require(‘./webpack.test.conf‘)

最后修改package.json

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "e2e": "node test/e2e/runner.js",
    "test": "npm run e2e",
    "build": "node build/build.js",
    "build:test":"node build/test.js"
    
  },

vue 配置发布测试环境，成产环境api

标签：vue cnpm nod 不同 pts script cnp inline evel

原文地址：https://www.cnblogs.com/lezuw/p/12746165.html

上一篇：c#使用Split分割换行符 \r\n

下一篇：C# 解决IE文件名乱码方法

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：vue 配置发布测试环境，成产环境api
文章链接：http://soscw.com/index.php/essay/62295.html

亲，登录后才可以留言！

vue 配置发布测试环境，成产环境api

评论

热门文章

推荐文章

最新文章

置顶文章