多个捆绑包中的汇总ES6访问模块

时间:2019-01-31 22:36:20

标签: javascript ecmascript-6 es6-modules rollup rollupjs

我该如何重用另一个捆绑软件中的代码,这样我才不会再次捆绑该代码?例如:

One.js

import $ from './jQuery';
import Something from './Something';
Something.do($('.test'));

汇总后:bundleOne.js

(function () {
    var $ = function() { // ... }();
    var Something = function() { // ... }();
    Something.do($('.test'));
}());

Two.js

import $ from './jQuery';
$('.testTwo').addClass('test');

汇总后:bundleTwo.js

(function () {
    var $ = function() { // ... }();
    $('.testTwo').addClass('test');
}());

index.html

<script type="text/javascript" src="bundleOne.js"></script>
<script type="text/javascript" src="bundleTwo.js"></script>

上面的代码导致汇总将jQuery捆绑两次。如何从bundleTwo.js中的bundleOne.js访问jQuery,并防止Rollup在bundleTwo.js中包括jQuery?我想在第二个捆绑软件中重复使用多个模块,而无需再次包含它们。

0 个答案:

没有答案