【问题标题】:Is it possible to extract and bundle only necessary css classes in a web application是否可以在 Web 应用程序中仅提取和捆绑必要的 CSS 类
【发布时间】:2017-12-30 22:19:56
【问题描述】:

我认为这应该是可能的,虽然不知道,我使用“gulp”和“webpack”之类的工具来捆绑资产文件,但是是否有任何工具可以从 css 中提取必要的 css 类,只有正在使用的类文件并打包。

【问题讨论】:

    标签: css node.js npm gulp webpack-style-loader


    【解决方案1】:

    您要查找的内容称为摇树,通常它已经在使用 webpack 的构建过程中完成,

    您可以安装 this plugin 用于特定于 css 的摇树,或者您可以查找更多信息 here 关于它如何与 javascript 一起工作(类似的事情发生在 css 中)

    【讨论】:

      【解决方案2】:

      在 Gulp 中有一个叫做 Uncss 的包

      https://github.com/ben-eb/gulp-uncss

      还有一个可用于 Firefox 的插件

      https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/

      这将帮助您删除未使用的 css

      【讨论】:

        【解决方案3】:

        看看 tree shaking,有几个是针对特定 css 的。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2020-07-05
          • 1970-01-01
          • 2015-05-23
          • 2016-04-26
          • 2014-02-12
          • 1970-01-01
          • 2021-05-06
          相关资源
          最近更新 更多