rollup.js如何在不更改源文件的情况下导入其他文件

Question

我的示例基于rollup.js基本示例：https://rollupjs.org/guide/en/#rolluprollup

我正在工作的项目需要更多的文件被包括和排除。(我知道如何排除路径使用“汇总-插件-忽略”插件。)

如何告诉rollup.js在不更改源文件的情况下将文件添加到导入列表中(就像我在源代码中导入它们一样)。？

我试着用公共插件

var commonjs = require('rollup-plugin-commonjs');
var include = ["D:\\...abs_path....\\components\\Auth\\FormLogin.jsx"]
commonjs( {"include": include})

但是我没有在输出文件中看到'FormLogin‘组件。

有更简单的方法吗，你能帮帮我吗？

我会感谢你的帮助。

非常感谢。

Answer 1

这有点不正统，因为rollup.js使用树抖动来分析您的代码，并且只包含使用过的部分，并且您希望包含一些不被使用的内容。

最简单的方法是在命令行上连接，如在windows cmd中：

type file_from_rollup.js additional.js > bundle.js

其次，您可以指示rollup使用两个入口点：

rollup main.js libB.js -d ./bundle --format cjs

这将在./bundle文件夹中生成两个捆绑文件，它们都是树形抖动文件。

如果在源代码中引用了FormLogin.jsx (从主入口点看)，请尝试禁用树抖动，如

rollup main.js --no-treeshake  --file bundle.js --format cjs

看看是否包括在内。也许rollup.js不认得它：https://rollupjs.org/guide/en/#tree-shaking-doesnt-seem-to-be-working