捆绑包-有关使用汇总包替换ASP.NET MVC ScriptBundle的建议

问题描述

我试图用Rollup替换ASP.NET MVC站点中的现有JavaScript ScriptBundle，以便我可以使用ES模块并利用摇树，并在示例安装中寻求一些建议。

这是我现有捆绑软件设置的示例–

要捆绑的示例文件-

// Button.js

(function () {
    // Vars
    // Functions
    // Events

    document.addEventListener('DOMContentLoaded',(e) => {
        init();
    });
})();

当前捆绑包设置-

bundles.Add(new ScriptBundle("~/bundle/scripts").Include(
"~/Scripts/Button.js","~/Scripts/TestScript.js","~/...",

汇总设置–

要捆绑的示例文件-

// Button.js

// Imports - e.g. import { ajax } from './utils';
// Vars
// Functions
// Events

const Button = () => {
    const init = () => {
        console.log('init');
    };

    document.addEventListener('DOMContentLoaded',() => init);
};

export default Button;

// TestScript.js
const TestFunction = () => { console.log('Test Function')};

export { TestFunction };

Index.js入口点–

// Index.js
import Button from './Button';
import { TestFunction } from './TestScript';

Button();
TestFunction();

我已经对此进行了测试，并且输出符合预期，但是想问一下这种方法是否可行，或者是否有更好的方法来设置捆绑商品并使用导入和导出？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）