webpack.DefinePlugin定义全局变量

目的：项目有一些变量是需要全局使用的，开发过程以及打包之后变量 不同，防止每一次都要更改，而使用的一个plugin

 

使用：

1.编辑配置文件，app.config.js, 比如

module.exports = {

    dev: {

        "BASE_API": "'http://xld.api.amfzone.com:88'",

        "APP_VERSIONS": "'1.0.0.0'",

        "APP_DOWNLOAD_PATH": "'/resource/'"

    },

    prod: {

        "BASE_API": "'https://api.xlyp.shop'",

        "APP_VERSIONS": "'1.0.0.0'",

        "APP_DOWNLOAD_PATH": "'/Archive/'"

    }

}

 

2.在dev.conf.js和prod.conf.js中都需要声明

 

3.引入

var webpack = require('webpack');

var config = require('../config/app.config');

    plugins: [

        new webpack.DefinePlugin({

            'process.env': config.dev

        })

    ]

 

4.在其他文件中使用方式为

const baseURL = process.env['BASE_API'];