vue环境变量打包相关知识点

128 阅读1分钟

设置环境变量模式完成不同环境下打包要求

  • 使用--mode指定

vue-cli-service build --mode prd

  • 使用cross-env指定

cross-env NODE_ENV=prd vue-cli-service build

如果需要加一些自定义命令,则需要定义webpack插件。例如:cross-env NODE_ENV=prd VERSION=1.0 vue-cli-service build

const webpack = require("webpack");
module.exports = {
    configureWebpack: {
        plugins: [
            new webpack.DefinePlugin({
                'process.env': {
                    VERSION: '"' + process.env.VERSION + '"',
                  }
            })
        ],
 }
}

或者采用

const webpack = require("webpack");
module.exports = {
    configureWebpack: {
        plugins: [
            new webpack.DefinePlugin({
                'process.env': {
                    VERSION: JSON.stringify(process.env.VERSION),
                  }
            })
        ],
 }
}