使用NODE_ENV配置多个url

2019-01-08  本文已影响0人  burgess123

首先安装cross-env(作用:跨平台设置环境变量)

npm install --save-dev cross-env

在package.json里面去就可以去配置了,像这样:

"scripts": {
    "dev": "node build/dev-server.js",
    "start": "node build/dev-server.js",
    "build": "cross-env NODE_ENV=production node build/build.js",
    "ready": "cross-env NODE_ENV=ready node build/build.js",
    "lint": "eslint --ext .js,.vue src test/unit/specs test/e2e/specs"
  },

这样做完之后,发现npm run ready并不能用,还需要下面几步

配置webpack Plugin,在webpack.base.conf.js里面添加:

var webpack = require('webpack')
plugins: [
    new webpack.DefinePlugin({
        'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)
    })
  ],

注: 如果build.js里面有

process.env.NODE_ENV = 'production'

记得把这行删掉。

这样就能在模块中拿到刚刚配置的ready环境变量,刚开始学vue的时候,始终不知道一份代码怎么编译成三份,现在终于知道了,希望可以帮助到大家,谢谢!

上一篇下一篇

猜你喜欢

热点阅读