1.开发环境安装css-loader
2.在webpack.config.js中引入css-loader(三种方法)
3.引入后npm run build,仍然无法显示样式,什么原因?
因为没有安装style-loader
1.开发环境安装style-loader
2.在webpack.config.js中引入style-loader
默认规则:引入的loader从下往上,从右往左扫描
3.引入css-loader和style-loader后npm run build,正常显示
其实是个挺复杂的事情,因为css的重载、复用和DOM的可变性,需要我们动态地分析。
我的想法是给chrome写个插件,然后对整个站点启用。
基本思路:
加载到需要测试的页面里,先扫描一遍所有的class和id。
监听DOMSubtreeModified事件,操作网页,充分测试,插件针对性地进行增补class和id。
重复以上步骤得到整个站点的列表
然后就是扫描css file把不没用上的的全去掉。
Magoshare Data Recovery不仅可以在清空回收站后恢复已删除的 CSS 文件,还可以从格式化或无法访问的硬盘分区中恢复丢失的 CSS 文件。它甚至可以帮助您恢复由于分区丢失、软件崩溃、逻辑错误等原因丢失的 CSS 文件。 在此处下载 Magoshare Data Recovery:[dl]15-2092[/dl]
1.选择丢失 CSS 文件的硬盘驱动器。
你在哪里删除你的 CSS 文件?只需选择删除或丢失 CSS 文件的硬盘驱动器。
2.扫描选定的硬盘驱动器。
Magoshare 数据恢复软件将扫描所选位置以查找所有可恢复文件。只需单击“扫描”按钮并等待此阶段结束。
3.预览和恢复已删除的 CSS 文件。
扫描过程完成后,您可以预览所有可恢复的文件。选择所有已删除的 CSS 文件并保存它们。
当您删除 CSS 文件时,删除的 CSS 文件将存储在可用磁盘空间中。不要将新文件保存到删除 CSS 文件的硬盘上。只需立即运行Magoshare Data Recovery来扫描硬盘并找回丢失的 CSS 文件。