美文网首页
使用NODE_ENV配置多个url

使用NODE_ENV配置多个url

作者: burgess123 | 来源:发表于2019-01-08 09:50 被阅读0次

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

    相关文章

      网友评论

          本文标题:使用NODE_ENV配置多个url

          本文链接:https://www.haomeiwen.com/subject/xztvrqtx.html