
多个入口文件,实用于多个页面的应用
main1.js
// main.js
document.write('<h1>Hello World</h1>');
main2.js
// main.js
document.write('<h2>Hello Webpack</h2>');
index.html
<script src="./dist//bundle1.js"></script>
<script src="./dist//bundle2.js"></script>
webpack.config.js
/* webpack.config.js */
module.exports = {
entry : {
bundle1 : './main1.js',
bundle2 : './main2.js'
},
output : {
filename : '[name].js'
}
};
webpack

本文介绍了一种使用Webpack处理多页面应用的方法。通过配置不同的入口文件(main1.js和main2.js),每个页面可以独立加载对应的资源(bundle1.js和bundle2.js)。此配置有助于优化加载速度并提高用户体验。
794

被折叠的 条评论
为什么被折叠?



