我试图使用sass-loader将我们的SASS构建从gulp + node-sass移动到webpack。
作为参考点，gulp + node-sass 3.2为我们提供了大约2.5-3秒的构建时间。
在webpack中，如果我使用样式！raw！sass进行加载，我会看10~2次构建，而没有源映射（因为原始加载器）。如果我将源代码映射的css加载器用于工作，那么额外的解析会使构建在一个美好的一天花费20-30秒。
我想知道我可以用什么技巧来改善事情。现在我能做的最好的事情是通过从javascript到SASS的大量require（...）来分割我们的sass编译，然后在一个文件中连接起来。使用-watch选项，允许一些虚假的增量编译，所以在初始构建之后，它不是太糟糕。
我想知道除了那些我能做些什么之外还能让它变得更好。 gulp + nodesass减速10倍并不是很好，但拥有2个构建工具也不是很好（对于JS，webpack工作100％，即使有大量代码）
答案 0 :(得分：0)
请查看这篇很棒的文章，关于webpack，预处理器，源图和构建速度： http://eng.localytics.com/faster-sass-builds-with-webpack/
我目前正在使用带有node-sass（和libsass）的sass-loader，cssmodules（具有separed样式表，每个组件/容器一个），内联sourceMaps和HMR。用更新的样式重新加载de modified组件需要2-3秒。
您可以在此处看到配置示例： https://github.com/erikras/react-redux-universal-hot-example/blob/master/webpack/dev.config.js