このファイルタイプを処理するには、適切なローダーが必要な場合があります。Webpack 2

Question

Webpack 2にアップグレードしてローダーに問題があります。次のように私のプロジェクト構造は次のとおりです。

webpack.config.js module.exportsは=

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

インサイド

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

インサイドApp.js

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

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、style loaders）を再インストールして、Devとproductionの依存関係のセクションに入れています。

webpack 2とドキュメントの不具合には多くの問題があるようです。私がここに欠けているものはありますか？

Answer 1

私はあなたが正規表現テストを使用している場合、 ！style-loader！sass-loaderは必要ないと思います！あなたのインポートで。文字列全体が解析されているので、この問題が発生する可能性があります。