如何禁用 Rollup.js 包的自动代码分割?

Jay*_*ang 5 javascript rollup reactjs

我正在尝试使用 Rollup.js v2.40.0 构建一个reactjs应用程序。

如果 Rollup.js 发现导入器在多个模块中使用,则可以自动进行代码分割。例如:

//Login.tsx
import Button from '../components/Button';
render <Button />;

//Dashboard.tsx
import Button from '../components/Button';
render <Button />;

//somewhere
const Login = import('../pages/Login');
const Dashboard = import('../pages/Dashboard');
Run Code Online (Sandbox Code Playgroud)

捆绑结果将是:

//Login.js
var Button = require('./Button-d8dc4a64.js');

//Dashboard.js
var Button = require('./Button-d8dc4a64.js');

//Button-d8dc4a64.js
//....
Run Code Online (Sandbox Code Playgroud)

我不想拆分 Button 组件。我想要登录和仪表板包包含按钮代码。有没有办法或选项可以禁用此功能?我已经查看了官方文档,仍然无法解决这个问题。