webpack多页面配置，谁有比较全的理解啊
发布于 8 年前 作者 FlyerJay 13190 次浏览 来自 问答

如题，webpack多页面怎么配置打包，主要是多个页面之间引入其他模块之后如何让各个页面的逻辑分离又要合理的重用公共的模块代码

11 回复
1

可以参考下：https://cnodejs.org/topic/571f4e785a26c4a841ecbd7c

1

我觉得分两层比较合理

  • 库代码, 打包做长期缓存
  • 页面层, 包含各页面的

我基于 browserify 弄了一套 https://github.com/magicdawn/predator-kit 基于 webpack 学习中, 类似的 https://github.com/magicdawn/iya

就是说打一个 lib.js 包含所使用量大的库, 然后其他的使用 external 绑定 https://github.com/magicdawn/iya/blob/master/webpack.config.js#L69-L73

@1340641314 还是这里好啊，网上搜索了半天都没找到，谢了啊

@magicdawn 你给的第二个链接正在看，挺适合我现在的项目的

@FlyerJay

webpack 也在学习中, 准备用它…

1

@FlyerJay

多页面的话, 可以自己用 glob 找出来, 然后类似 app.js 这样, make 一个 config, 交给 webpack 打包

1

webpack 多页的模式必须主动声明 entry（当然可以自己写一些规则来收集entry） 参考一篇别人的文章 基于webpack的前端工程化开发之多页站点篇 个人认为，webpack很多方面不如FIS。

可以看看这个系列文章《webpack多页应用架构系列》

@Array-Huang 文章很不错

@FlyerJay 谢谢哈

回到顶部