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

来源:3-3 自动化生成项目中的html页面(下)

这是步好棋

2017-07-23 21:26

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

写回答 关注

3回答

  • 蓝天吻
    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




    这是步好棋

    答非所问啊大兄弟

    2017-07-30 21:25:33

    共 1 条回复 >

webpack深入与实战

webpack实战教程,用真实项目带你探索 webpack 强大的功能

86561 学习 · 721 问题

查看课程

相似问题