拆分现有CSS文件

拆分现有CSS文件,css,npm,webpack,split,Css,Npm,Webpack,Split,我是一个新加入的项目,我们正在使用.NET后端与Visual Studio和WebCompiler一起使用SCSS创建CSS文件。它工作得很好,但是它生成了如此巨大的CSS文件(>8MB),所以我的任务是将这一个文件分成小于1MB的块。 例如: 我有styles.css(8MB),我想创建 样式-1.css 样式-2.css 样式-4.css 没有办法优化这个文件,我必须处理大文件。 我需要帮助怎么做。 有没有一种方法可以做到这一点 网络编译器?或 网页包>4.1.1或 npm或 还有其他解决

我是一个新加入的项目,我们正在使用.NET后端与Visual Studio和WebCompiler一起使用SCSS创建CSS文件。它工作得很好,但是它生成了如此巨大的CSS文件(>8MB),所以我的任务是将这一个文件分成小于1MB的块。
例如:

我有styles.css(8MB),我想创建

样式-1.css
样式-2.css
样式-4.css

没有办法优化这个文件,我必须处理大文件。 我需要帮助怎么做。 有没有一种方法可以做到这一点

  • 网络编译器?或
  • 网页包>4.1.1或
  • npm或
  • 还有其他解决办法吗
    谢谢你的建议

    您可以获得一些浏览器的扩展,以便只输出页面使用过的CSS,这可能会有所帮助。不过,如果你的CSS如此庞大,那么这个项目就是做得不正确。可能有很多这样的情况,有人需要一个非常特定的视觉效果,而少了几百行,你就可以得到几乎完全相同的东西,但是通过大量重用的代码。当有人想要将一个图形设计100%翻译成HTML/CSS时,就会发生这种情况,相反,你几乎应该总是将其泛化,这样就不会出现这种情况。是的,你是对的,CSS只是一团糟,但这是因为它已经开发了很长时间,没有人知道启动该项目的第一个开发人员,其中包括很多东西。如果我拔出一根绳子,没人知道会出什么问题。因此,我将scss文件保持原样,并尝试将其拆分为块@扎克:那么,我会开始一个缓慢的过程来替换那个糟糕的代码。不管怎样,如果你打算在那里呆一段时间。