Skip to content

[css] 第276天 如何清除在项目中无用的css代码呢? #1785

Open
@haizhilin2013

Description

@haizhilin2013

第276天 如何清除在项目中无用的css代码呢?

我也要出题

Activity

forever-z-133

forever-z-133 commented on Jan 17, 2020

@forever-z-133

有些 IDE 自带,以前看 Page Speed 网站里面也有这个检查,
但多半还是不会去删掉的,因为有些样式对应的元素是后来才加上的,但检测会认为此时它没用。

liwudi

liwudi commented on Jan 17, 2020

@liwudi

1、IDE中,会对没有使用到的样式,自己进行检测,删除时候,还需要手动删除。
2、webpack中,有基于消除无用css的插件(purifycss-webpack purify-css),不过需要提供html文件的模板,因为需要遍历这个模板,才知道用了哪些css。
3、单页面应用中,由于都是组件化的开发,无法提供一个最终版的html文件,所以不能适用上面2提供的方案。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@forever-z-133@liwudi

        Issue actions

          [css] 第276天 如何清除在项目中无用的css代码呢? · Issue #1785 · haizlin/fe-interview