采用这个基本的多页面应用程序结构,使用webpack将常见的Javascript捆绑到vendor.js
并将共享的CSS样式分配到main.css
:
[PAGE] html的
<link href="css/main.css" />
<link href="css/[PAGE]_custom.css" />
CONTENT
<script src="js/vendor.js"></script>
每个页面都是相似的,只有他们自己独特的[PAGE]_custom.css
。这些[]_custom.css
文件是否有理由被webpack处理?
每次要在新页面中添加样式时,添加新的entry
似乎效率低下。 .css
文件在捆绑时是否也会相互冲突?此外,如果缓存是一个问题,那么对一个文件的CSS进行小的更改会改变包的哈希值,需要再次下载。
我有很多关于&#34; 捆绑所有东西&#34;的webpack教程/演练&#39;我是否错误地考虑了Webpack?或者是否有不同的方法来配置Webpack来处理多页面应用程序?