Webpack 3ビルド後のサスローダーエラー

Question

私はwebpack 3.4.1の最新バージョンをsass loaderを使って使用しています。テキストプラグインを抽出して、CSSソースファイルを生成します。それは私のdevサーバー上で正常に読み込まれ、cssファイルを見ることができますが、最初の行に@ body {color：＃000}のcssファイルを指しているコンソールエラー 'Uncaught SyntaxError：Unexpected token'が表示されます。

私のwebpack設定は以下の通りです。どんな助けでも大歓迎です。

const path = require('path'); 
const webpack = require('webpack'); 

const ExtractTextPlugin = require('extract-text-webpack-plugin'); 

module.exports = { 
    context: path.resolve(__dirname, ''), 
    entry: { 
    app: './src/js/app.js', 
    }, 
    output: { 
    filename: '[name].bundle.js', 
    path: path.resolve(__dirname, './dist/assets'), 
    publicPath: '/assets', 
    }, 
    devServer: { 
    contentBase: path.resolve(__dirname, './src'), // New 
    }, 
    module: { 
    rules: [{ 
     test: /\.js$/, 
     exclude: [/node_modules/], 
     use: [{ 
      loader: 'babel-loader', 
      options: { 
      presets: ['es2015'] 
      }, 
     }], 
     }, 
     { 
     test: /\.(svg|gif|png|eot|woff|ttf)$/, 
     use: [{ 
      loader: 'url-loader' 
     }] 
     }, 
     { 
     test: /\.scss$/, 
     use: ExtractTextPlugin.extract({ 
      fallback: 'style-loader', 
      use: ['css-loader', 'sass-loader'] 
     }) 
     } 
    ], 
    }, 
    plugins: [ 
    new ExtractTextPlugin({ 
     filename: '[name].bundle.css', 
     allChunks: true, 
    }), 
    ], 
}; 

Answer 1

あなたはサスからCSSへの外部コンパイラを使用していない理由、それはより速く、より簡単にあなたになり、あなたは自分のWebPACKの設定でCSSローダーを使用する、 あなたがからプログラムコンパイラの倍数を持っています 私はこの方法を使用しており、問題はありません