Npm 您可能需要适当的加载程序来处理此文件类型：Webpack 2

我已升级到Webpack 2，我的加载程序出现问题。我的项目结构如下：

.
├── components
│   └── App.js
│ 
├── public
│     └──css
│         └──custom.css
└── src
     └──sass
         └──custom.scss

内部App.js

import '../src/sass/custom.scss'

内部webpack.config.js module.exports=

{
  test: /\.scss$/,
  exclude: /node_modules/,
  loaders: ExtractTextPlugin.extract({ fallbackLoader: 'style-loader', loader: 'sass-loader' }),
  include: __dirname + '/src/sass'
}

webpack.config.js插件内部

//Add Bourbon dependency
  new webpack.LoaderOptionsPlugin({
    options: {
      sassLoader: {
        includePaths: require('bourbon').includePaths,
        outputStyle: 'expanded',
      },
      context: '/src/sass',
    }
  })

package.json中的我的生产脚本

"production": "rm -rf public/index.html && NODE_ENV=production webpack -p && NODE_ENV=production node app.js"

但我得到了这个错误：

**Child extract-text-webpack-plugin:
       [0] ./~/sass-loader!./src/sass/custom.scss 283 bytes {0} [built] [failed] [1 error]**

ERROR in ./~/sass-loader!./src/sass/custom.scss
Module parse failed: /Users/user/apps/project/node_modules/sass-loader/index.js!/Users/user/apps/project/src/sass/custom.scss Unexpected token (1:5)
You may need an appropriate loader to handle this file type.
| body {
|   background: white;
| }

我不知道为什么它找不到我的装载机。我已经重新安装了所有东西（css、sass、样式加载器），甚至将它们放在开发和生产依赖项部分

---

Webpack2似乎有很多问题，文档也很差。这里有什么我遗漏的吗？

我相信如果您使用的是regexp测试，那么您就不需要

---

!样式加载器！加油机！在你的进口。这可能会导致整个字符串被解析时出现问题。

我已经更新了上面的代码，但仍然收到一个错误。另外值得一提的是，当我运行

webpack

时，public/css中不会生成custom.css样式表。我的设置可以吗？我不完全确定这是否只是一个复制粘贴或打字错误，但你确定你导入了正确的内容吗？在您的文件夹结构中，您称为scss，但之后从sass而不是scss导入。对不起，这是个打字错误。还是没有快乐。