javascript - webpack 如何正确设置`process.env.NODE_ENV`

 逃跑的骨拉拉gf_761 发布于 2022-11-11 17:37

使用webpack -p 压缩js文件,报了react未切换到生产环境的错误。搜索一番修改配置如下:

new webpack.DefinePlugin({
    'process.env.NODE_ENV': JSON.stringify('production')
}),
new webpack.optimize.UglifyJsPlugin(),
new webpack.optimize.CommonsChunkPlugin('vendor', 'vendor.js', Infinity)

调用时按如下命令:
NODE_ENV=production webpack --progress --colors
但依然会提示react未切换到生产环境,而且直接console.log(process.env.NODE_ENV)会报undefined.

请问如何在webpack中设置NODE_ENV,或有什么别的方法将react切换到生产环境

3 个回答
  • new webpack.DefinePlugin({

        'process.env': {
            'NODE_ENV': JSON.stringify('production')
        }
    })
    2022-11-12 15:30 回答
  • http://webpack.github.io/docs...
    可以查看此文档,defineplugin的作用是定义全局变量的常量,这些全局变量在compile的过程中会被替换,所以console.log时已经替换了,window下并没有这个变量

    2022-11-12 15:30 回答
  • 这么用:

    new webpack.DefinePlugin({
        'process.env': {
            NODE_ENV: '"production"'
        }
    })

    再试试

    2022-11-12 15:31 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有