提高webpack CSS编译的性能
我正在尝试将我们的SASS构建从gulp + node-sass转移到使用sass加载器的webpack。
作为参考点，gulp + node-sass 3.2为我们提供了大约2.5-3秒的构建时间。
在webpack中，如果我使用style! raw !sass进行加载，我会看到10~秒的构建，并且没有源代码映射(因为原始加载程序)。如果我让sourcemaps的css加载器工作，额外的解析会使构建工作花费20-30秒。
我想知道我可以使用什么技巧来改善事情。现在我所能做的最好的事情就是通过有很多的要求(...)来拆分我们的sass编译。从javascript到SASS，然后连接到一个文件中。使用-watch选项，这允许进行一些伪增量编译，所以在初始构建之后，这并不是太糟糕。
我想知道除了这一点我还能做些什么让它变得更好。比gulp + nodesass慢10倍不是很好，但是有两个构建工具也不是很好(webpack在JS上100%地工作，即使有大量的代码)
回答 1
Stack Overflow用户
发布于 2016-03-13 07:42:17
请看这篇很棒的文章，关于webpack，预处理器，源代码和构建速度：http://eng.localytics.com/faster-sass-builds-with-webpack/
我目前正在使用带有node-sass (和libsass)的sass-loader、sass模块(具有独立的样式表，每个组件/容器一个)、内联sourceMaps和HMR。用更新的样式重新加载已修改的组件需要2-3秒。
您可以在这里看到一个配置示例：https://github.com/erikras/react-redux-universal-hot-example/blob/master/webpack/dev.config.js
https://stackoverflow.com/questions/32642899
复制相似问题
腾讯云开发者
