nuxt.js项目打包的时候如何清除console信息

Question

nuxt项目，在开发和生产接口做自动转换，判断process.env.NODE_ENV，但是打印process.env.NODE_ENV一直都是undefined，这个是怎么回事，build的时候已经设置为production了

还有就是nuxt项目build的时候如何清除页面的console信息，他不能像webpack那样自由配置。

Answer 1

楼主，你好！
可以在 nuxt.config.js 中的 build->plugins 中添加 uglifyjs-webpack-plugin 插件，里面有配置可以去掉 console 信息。

const webpack = require('webpack')
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')

module.exports = {
  build: {
    plugins: [
      new UglifyJsPlugin({
        uglifyOptions: {
          compress: {
            warnings: false,
            drop_console: true
          },
          mangle: {
            safari10: true
          }
        },
        sourceMap: true,
        cache: true,
        parallel: true
      })
    ]
  }
}

---

如有帮助，麻烦点击下采纳，谢谢~

Answer 2

nuxt1.x所配置的webpack是3.x的，uglifyjs-webpack-plugin2.x只支持2和3的webpack。
建议：
升级webpack或降级uglifyjs-webpack-plugin@1
参考：https://github.com/webpack-co...

Answer 3

你需要在nuxt.config.js定义这个字段，比如

module.exports = {
  env: {
    NODE_ENV: process.env.NODE_ENV || 'http://localhost:3000'
  }
}

下面是官方文档：https://zh.nuxtjs.org/api/con...