使用NODE_ENV配置多个url

首先安装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的时候,始终不知道一份代码怎么编译成三份,现在终于知道了,希望可以帮助到大家,谢谢!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容