Webpack 2 @import文の処理方法は？

Question

私はwebpackでreactjsプロジェクトを設定する方法を学んできました。

私はこのプロジェクトをウェブパック設定で実行するようにしています。000-landing-page extract-text-webpack-pluginを使いたいです。

しかし、cssファイルにはインポート文があります。

@import "https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900"; 
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"; 

そして、これらの行のエラー

「あなたはこのファイルタイプ を処理するために、適切なローダーが必要な場合があります@予期しない文字」

が実際に例外がクリアされているが、私はできなかった原因適切なローダーを見つける。私はHTML、ファイル、URLローダーをインストールしていくつかの設定を試しましたが、完了できませんでした。

これらは、私はローダー順序は右から左であることを理解

{ 
      test: /\.css$/, 
      include: [ path.resolve(__dirname, "/node_modules/")], 
      loader: ExtractTextPlugin.extract({ 
      fallbackLoader: 'style-loader', 
      loader: [ 
      'css-loader', 
      'postcss-loader', 
      ], 
      }) 
     }, 
     { 
      test: /\.scss$/, 
      include: [ path.resolve(__dirname, "/node_modules/")], 
      loader: ExtractTextPlugin.extract({ 
      fallbackLoader: 'style-loader', 
      loader: [ 
       'postcss-loader', 
       'sass-loader', 
      'css-loader', 
      ], 
      }), 
     } 

Answer 1

であるためです。私はwebpackについての初心者であるため、小さなポイントを逃しました。

何も使用して含まれていない場合は、次のとおりです。[ファイルx]それはすべてのファイルは、ファイルxを除い含ま意味：[]それは何かが含ま使用して含まれている場合は、すべてのファイルが

を含めていることを意味します。

i "が含まれます：[path.resolve（__ dirnameは、 "を追加しましたので、/ node_modules /"）]、" それだけnode_modulesない私のsrcフォルダが含まれています。

Answer 2

私のCSSとSCSSローダーです。これは、SCSSのためのローダ配列がためになるだろう：

['css-loader', 'postcss-loader', 'sass-loader']

それは、本質的にそれは@symbolとは何の関係もなかった合成機能、すなわち