为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

正在回答

3 回答

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

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

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




0 回复 有任何疑惑可以回复我~
#1

这是步好棋 提问者

答非所问啊大兄弟
2017-07-30 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信