webpack sass汇编困境

Question

我正在构建一个使用Angular 2（alpha.52）和webpack的应用程序，但已经运行了一个需要sass文件的问题。我已经搜索了www并在webpack gitter聊天室中询问过，但仍然存在问题。

从而使编译器故障的线路是这样的：

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

但是当“NPM启动”建立的软件包，它会导致这个错误：

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' } 

任何想法的人？

Answer 1

添加源地图的查询参数CSS加载器，它会工作，如下配置：

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

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

Webpack sass-loader的文档显然没有帮助。这个问题和解决方案在博客文章如下记录，并在Github上相关的问题：

• Sass with Source Maps, Webpack, and Live Reload
• Reloading extracted css with hot module replacement