gulp uncss 正在过滤我 javascript 需要的选择器
gulp uncss is filtering selectors needed by my javascript
正如预期的那样,当我在我的 index.html 文件上 运行 gulp uncss 时,它从我的样式表中删除了所有未使用的 css 规则在 html。问题是我的应用程序主要是 javascript,所以很多内容直到 js 在浏览器中执行后才会呈现。有谁知道通过 gulp 在服务器中执行 index.html 文件并捕获 html 字符串(post javascript 执行)的好方法,这样我可以传给 uncss?
有几个选项...
选项 1
在加载HTML页面时使用timeout
parameter设置延迟,让JS有时间加载。
选项 2
如果您可以控制 JS 注入的内容,您可以在类名、ID 和其他属性前加上一个字符串(类似于 js-
),以便于忽略那些使用 ignore
parameter 的内容.
选项 3
Go manual - 唯一对我有用的(使用 Zurb Foundation)是使用 Chrome 的开发工具来寻找 JS 注入的内容。值得庆幸的是,我只需要添加一些 类。
正如预期的那样,当我在我的 index.html 文件上 运行 gulp uncss 时,它从我的样式表中删除了所有未使用的 css 规则在 html。问题是我的应用程序主要是 javascript,所以很多内容直到 js 在浏览器中执行后才会呈现。有谁知道通过 gulp 在服务器中执行 index.html 文件并捕获 html 字符串(post javascript 执行)的好方法,这样我可以传给 uncss?
有几个选项...
选项 1
在加载HTML页面时使用timeout
parameter设置延迟,让JS有时间加载。
选项 2
如果您可以控制 JS 注入的内容,您可以在类名、ID 和其他属性前加上一个字符串(类似于 js-
),以便于忽略那些使用 ignore
parameter 的内容.
选项 3
Go manual - 唯一对我有用的(使用 Zurb Foundation)是使用 Chrome 的开发工具来寻找 JS 注入的内容。值得庆幸的是,我只需要添加一些 类。