在 Nuxt 中修改 uglifyjs 的配置

2018年05月06日 | 前端 vue web nuxt

假如需要修改 Nuxt 中 UglifyJs 的配置的话，可以直接在 nuxt.config.js 的 build 中添加一个 uglify 字段。如果其值是一个对象的话，对象的内容会跟 nuxt 默认的 uglify 配置进行合并。如果值是 false 的话，就不会使用 uglify plugin。

比如，如果想要在输出的文件中移除控制台输出，只需要使用如下设置：

module.exports = {
  build: {
    uglify: {
      uglifyOptions: {
        compress: {
          drop_console: true,
        },
      },
    },
  },
}

控制此行为的代码在 https://github.com/nuxt/nuxt.js/blob/78494dac927681007ea6725b4548db8fd838ed16/lib/builder/webpack/client.config.js#L202 ，这个居然没有写进文档里，真是不靠谱_(:3」∠)_

本作品采用署名-相同方式共享 4.0 国际进行许可。欢迎转载、使用、重新发布，但务必保留文章署名 “不科学的科学君” (Liu233w) 与博客链接： https://liu233w.github.io ，基于本文修改后的作品务必以相同的许可发布。如有任何疑问，请与我联系。