问答详情
源自:3-3 自动化生成项目中的html页面(下)

我觉得有个主要问题没解决

如果项目中有几十个页面,难道要搞个几十个webpackhtmlplugin的配置,写写都会烦死吧

提问者:这是步好棋 2017-07-23 21:26

个回答

  • 蓝天吻
    2019-07-08 12:07:55

    就目前而言webpack4.0里面的确没有处理的属性,其实可以,自己写个生成多页面的配置文件page.js,里面讲页面的配置项写好,然后动态生成多个new htmlWebpackPlugin(),这样就可以只关注页面的配置,然后页面的配置文件可以合理的处理,比如抽调公共的配置属性、进行设置等。

  • 慕勒4367926
    2018-03-15 16:52:10

    同问,不是老哥是否解决这个问题,按理说大牛应该是可以想到这个场景的

  • 慕粉1822088228
    2017-07-27 11:14:02

    处理多个文件:可以通过仅修改 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