如何整合、管理项目中大量CSS和JS文件
Web项目中经常会出现引用了大量外部css或者js插件、库、框架的情况，如下图（为了体现情况，特意夸张处理）：
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
ASP.NET 的 Bundle 就解决了这一个问题，通过 Bundle 的方式来整合资源。
Webpack 把 css 和 js 都当作模块来处理，也很好的解决了这个问题（当然会带来一些其它问题，另说）。参照目前 js 常用的工具框架，gulp、grunt、甚至包括 TypeScript、Babel，这些工具都是为了模块化 JS 常用的，但归根到底，是基于一种思想：模块化
模块化之后就存在一个管理和引用的问题，于是很多思想就参照非解释性语言的方式，把过程解成：开发→构建(打包)
JS 的模块化工具很多，上面已经提到了，上网搜一搜也能找到大堆的 JS 模块化方面的内容。CSS 的模块化，在上面有些工具也支持，但是另外还有 CSS 预处理器，比如 LESS，SASS 等。
总的来说就是：模块化开发→构建(打包)发布
2019-07-17 18:58:02赞同 展开评论
问答分类：
相关问答