Question

我尝试使用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中运行我的脚本时，它不会抛出任何错误并捆绑新文件，但似乎没有正确缩小它。

任何建议都将不胜感激。

Answer 1

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

这是因为它可能占用过多的内存，以致于无法在大文件中保持语法高亮显示；来自VS的this Github comment 代码团队成员可能会很有见地。

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

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

1 个答案: