在app-bundle中不包括预处理的CSS有缺点吗?

时间:2016-12-23 17:38:16

标签: aurelia bundling-and-minification aurelia-cli

我正在考虑更改Aurelia CLI创建的processCSS gulp任务,以创建物理css文件,而不是直接将其包含在app-bundle中。

Aurelia框架中是否存在任何重大缺陷?

我对预处理后的单独css文件感到更舒服,但如果我错过了一些性能优势,或者在未来发生其他麻烦,我不想这样做。

1 个答案:

答案 0 :(得分:2)

我不认为有任何无法合理克服的重大缺点。但是,我会尝试评估按照您的方式进行操作的好处,而不是将它们捆绑在一起。

我会列出几点我能想到的,没有特别的顺序。

  • 如果您需要来自独立CSS模块的CSS,那么正确设置模块和路径可能具有挑战性。如果您使用纯CSS文件,则需要在主机HTML页面中包含和维护链接标记。如果将CSS直接捆绑到应用程序包中,这一切都会更容易。特别是当第三方库等添加更多CSS时
  • 如果您使用组织模式来创建每个组件的css而不是一个单独的CSS文件,那么对每个css文件发出http请求可能会产生性能影响,尽管影响可能比实际的。
  • 部署时,只需部署最少数量的文件即可。
  • 当捆绑所有css时,您可以在每个CSS源文件的顶部添加注释,以帮助在浏览器检查器中查看CSS时识别源文件。

最后一点,您可能值得花些时间尝试以不同方式加载CSS,包括作为单个文件,并查看哪种方式最适合您的环境。