const HtmlWebpackPlugin = require('html-webpack-plugin') const {resolve} = require('path') /** * entry:入口起点 * 1. string --> './src/index.js' * 单入口 * 打包形成一个chunk。 输出一个build文件。 * 此时chunk的名称默认是 main * 2. array * 多入口 * 所有入口文件最终只会形成一个chunk,输出出去只有一个bundle文件 * --> 只有在HMR功能中让html热更新生效~ * 3. object * 多入口 * 有几个入口文件就形成几个chunk,输出几个bundle文件 * 此时chunk的名称是 key * * --> 特殊用法 * { * // 所有入口文件最终只会形成一个chunk,输出出去只有一个bundle文件 * index: ['./src/index.js', './src/count.js'], * // 形成一个chunk,输出一个bundle文件 * add: './src/add.js' * } */ module.exports = { entry: { index: ['./src/index.js', './src/count.js'], add: './src/add.js' }, output:{ filename:'[name].js', path: resolve(__dirname, 'build') }, module:{ rules:[] }, plugins: [ new HtmlWebpackPlugin() ], mode: 'development' }
原文地址:https://www.cnblogs.com/zhanchujin/p/14059222.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。