CNode

webpack多页面配置,谁有比较全的理解啊

问答
FFlyerJay发布于10 年前最后回复10 年前11 回复13786 浏览0 收藏

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

查看回复

回复 (11)

1
1340641314#1·10 年前
A
Array-Huang#2·10 年前

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

A
Array-Huang#4·10 年前
引用 FlyerJay@Array Huang 文章很不错

@FlyerJay 谢谢哈

M
magicdawn#5·10 年前

我觉得分两层比较合理

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

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

M
magicdawn#6·10 年前

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

F
FlyerJay#7·10 年前
引用 1340641314可以参考下:https://cnodejs.org/topic/571f4e785a26c4a841ecbd7c

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

M
magicdawn#9·10 年前
M
magicdawn#10·10 年前
引用 FlyerJay@magicdawn 你给的第二个链接正在看,挺适合我现在的项目的

@FlyerJay

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

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

参与回复
登录后即可参与回复。登录