rollup打包多个js时重复引用的都打包在自己的js中

Question

请看一下，，rollup实现打包的时候，需要将不同目录下的文件打包成多个js，而且每个js会引用相同的js，因为这些js要在不同的进程中运行，所以需要在打包成多个js的时候重复引用的文件都打包到自己的js中，会重复引用的，而不是重复的单独打包，该怎么实现。

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

Rollup 提供了一种称为 "tree-shaking" 的特性，它可以自动删除那些没有被引用的代码。这意味着如果你有多个入口点（entry points），并且它们共享一些相同的依赖，那么这些依赖只会被打包一次，而不是每个入口点都打包一份。

在你的例子中，你有两个入口点：startUpPage 和 newUIMainInterface。如果这两个入口点共享了一些相同的依赖，那么这些依赖只会在最终生成的两个文件中各出现一次。

你的配置看起来已经正确地设置了 Rollup，所以它应该能够自动处理 tree-shaking。只要你的代码是正确导入和使用这些共享依赖的，Rollup 就会自动将它们包含在正确的文件中。

如果你发现某些共享依赖没有被正确地包含在任何一个文件中，那可能是因为这些依赖没有被正确地导入。在这种情况下，你需要检查你的代码，确保所有需要的依赖都被正确地导入了。

此外，你也可以使用 Rollup 的插件来进一步优化你的代码。例如，你可以使用 rollup-plugin-node-resolve 插件来解析 Node.js 风格的模块路径，或者使用 rollup-plugin-commonjs 插件来转换 CommonJS 模块到 ES6 模块。你还可以使用 rollup-plugin-terser 插件来压缩你的代码，以减小最终文件的大小。

总的来说，只要你的代码正确地导入和使用共享依赖，Rollup 就应该能够自动处理 tree-shaking，并将共享的依赖只包含在一个文件中。