webpack sass 编译问题答案

【问题标题】：webpack sass compilation woeswebpack sass 编译问题
【发布时间】：2015-12-14 16:10:36
【问题描述】：

我正在使用 Angular 2 (alpha.52) 和 webpack 构建应用程序，但遇到了需要 sass 文件的问题。我已经搜索了 www 并在 webpack gitter 聊天室中询问过，但仍然有问题。

导致编译器问题的行如下：

var sass = require('../sass/authenty.scss');

但是当 'npm start' 构建包时，会导致这个错误：

ERROR in Cannot find module 'source-map'
 @ ./src/app//sass/authenty.scss 4:14-141

我不知道这个错误是在哪里产生的。我的 webpack.config.js 有这个加载器：

{ test: /\.scss$/, loader: 'style!css!sass?sourceMap' }

有什么想法吗？

【问题讨论】：

【解决方案1】：

将源映射作为查询参数添加到 css-loader 中，它将起作用，如下面的配置所示：

{ test: /\.scss$/, loader: 'style!css?sourceMap!sass?sourceMap' }

在我自己的 Webpack 配置中成功测试。

Webpack sass-loader 的文档现在显然没有帮助。此问题和解决方案记录在下面的博客文章和 Github 上的相关问题中：

【讨论】：