webpack中多模块依赖

Posted 2020-11-20 流星飞雨

多模块依赖

刚才的例子，我们仅仅是跑通了webpack通过entry.js入口文件进行打包的例子。下面我们就来看一下它是否真的支持CommonJs和AMD两种模块机制呢？下面我们新建多几个js文件吧！

// 修改module1.js

require(["./module3"], function(){
    console.log("Hello Webpack!");
});

下一个文件

// module2.js，使用的是CommonJs机制导出包

module.exports = function(a, b){
    return a + b;
}

下一个文件

// module3.js，使用AMD模块机制

define([‘./module2.js‘], function(sum){
    return console.log("1 + 2 = " + sum(1, 2));
})

其实像上面这样混用两种不同机制非常不好，这里仅仅是展示用的，在开发新项目时还是推荐CommonJs或ES2015的Module。当然我个人更倾向于ES2015的模块机制的～