使用 rollup-plugin-uglify 与 RollupJS rollup-plugin-multientry 捆绑时缩小文件的问题答案

【问题标题】：Issue with minifying files when bundling with RollupJS rollup-plugin-multientry using rollup-plugin-uglify使用 rollup-plugin-uglify 与 RollupJS rollup-plugin-multientry 捆绑时缩小文件的问题
【发布时间】：2018-10-29 08:03:36
【问题描述】：

我正在尝试使用 rollup-plugin-multi-entry 和 rollup-plugin-uglify 将相当多的 JavaScript 文件捆绑到一个缩小的文件中。我是最小化文件的新手，所以唯一会引发红旗的是，与我捆绑单个文件并缩小它相比，当我捆绑多个文件然后缩小它时，我的 IDE 主题不会改变我的代码颜色一个。

单个文件有效：

export default {
   input: 'src/scripts/components/googleAnalytics.js',
   output: {
       file: 'google.min.js',
       format: 'cjs'
     },
     plugins: [ babel(), uglify() ]
}

多个文件不起作用：

export default {
        input: 'src/scripts/components/bootstrap/*.js',
        output: {
            file: 'bootstrapped.min.js',
            format: 'cjs'
        },
        plugins: [multiEntry(), babel(), uglify({}) ]
    }

我正在使用汇总配置文件，当我在 Node 中运行我的脚本时，它不会引发任何错误并捆绑新文件，但似乎无法正确缩小它。

任何建议将不胜感激。

【问题讨论】：

您在第二个 sn-p 上传递 uglify 一个空配置对象。

标签： javascript minify uglifyjs rollup

【解决方案1】：

一个危险信号是，当我捆绑多个文件时，我的 IDE 主题没有改变我的代码颜色

这是因为它会消耗过多的内存来保持大文件的语法高亮； this Github comment 来自 VS 代码团队成员可能很有见地。

许多 IDE 都是这种情况，而不仅仅是 VS Code。

【讨论】：