extract-text-webpack-plugin構成エラーの解決策

まず、巨牛巨牛の人工知能のチュートリアルを共有します.私が何気なく発見しました.教程は基础がゼロなだけではなくて、分かりやすくて、その上とても面白くてユーモアがあって、また时々内包の下ネタがあって、小说を読むように、はは～私は勉强している中で、とても牛だと感じて、だからみんなに分かち合います!ここをクリックするとチュートリアルにジャンプできます
                    
Webpack統合extract-text-webpack-pluginでは、次のような正しいloaderが見つかりません.Module build failed: ModuleParseError: Module parse failed: Unexpected token (1:0)You may need an appropriate loader to handle this file type.ERROR in ./styles/header.css    Module parse failed: Unexpected character '@' (1:0)    You may need an appropriate loader to handle this file type.

1

2

3

4

5

最初は引用の問題だと思って、ヒントに従ってコードをimport 'styles/header.css'

1

に改心import 'css!styles/header.css'

1

またはimport 'css-loader!styles/header.css'

1

またはrequire('css-loader!styles/header.css')

1

しかし、エラーは相変わらず、公式ドキュメントをめくってみると、構成は「!接続する代わりにfallbackが多くなり、公式の例に従って変更されます.{    test: /\.css$/,    loader: ExtractTextPlugin.extract({        fallback: 'style-loader',         use: ['css-loader']    })}, {    test: /\.less$/,    loader: ExtractTextPlugin.extract({        fallback: 'style-loader',         use: ['css-loader', 'less-loader']    })}

1

2

3

4

5

6

7

8

9

10

11

12

13

ここでヒントをconfigは、「moduel>rules>use」で構成するか、「moduel>loaders>loader」で構成するかで正常に動作します.
完全なコードインスタンスは私のGithubにあります.
最後に、webpackの公式プラグインドキュメントがoldすぎるとツッコミを入れます.
リファレンスドキュメント

extract-text-webpack-plugin

EMBEDDED STYLESHEETS(古い)

           
人工知能チュートリアルの参照