webpack小案例1 - 多入口文件

这里写图片描述

多个入口文件,实用于多个页面的应用
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

这里写图片描述

猜你喜欢

转载自blog.csdn.net/zjsfdx/article/details/81282974