这是步好棋
2017-07-23 21:26
如果项目中有几十个页面,难道要搞个几十个webpackhtmlplugin的配置,写写都会烦死吧
就目前而言webpack4.0里面的确没有处理的属性,其实可以,自己写个生成多页面的配置文件page.js,里面讲页面的配置项写好,然后动态生成多个new htmlWebpackPlugin(),这样就可以只关注页面的配置,然后页面的配置文件可以合理的处理,比如抽调公共的配置属性、进行设置等。
同问,不是老哥是否解决这个问题,按理说大牛应该是可以想到这个场景的
处理多个文件:可以通过仅修改 entry 对象来指定任意数量的 entry 或 output 点。
JavaScript 代码:
const path = require('path');const webpack = require('webpack');module.exports = {context: path.resolve(__dirname, './src'),entry: {app: ['./home.js', './events.js', './vendor.js'],},output: {path: path.resolve(__dirname, './dist'),filename: '[name].bundle.js',},};
多个文件,多个输出
JavaScript 代码:
const path = require('path');const webpack = require('webpack');module.exports = {context: path.resolve(__dirname, './src'),entry: {home: './home.js',events: './events.js',contact: './contact.js',},output: {path: path.resolve(__dirname, './dist'),filename: '[name].bundle.js',},};
这是webpack2
webpack深入与实战
86561 学习 · 721 问题
相似问题