Erreur de chargement de Webpack 3 sass après la construction

Question

J'utilise la dernière version de webpack 3.4.1 en utilisant le chargeur sass et extraire le plugin de texte pour générer un fichier css statique à partir de la source sass. Son chargement se finit sur mon serveur de dev et je peux voir le fichier css mais obtenir une erreur de console 'Uncaught SyntaxError: Unxpected token' qui pointe vers le fichier css @ body {color: # 000} sur la première ligne.

Ma configuration de webpack est ci-dessous. Toute aide très appréciée.

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

Pourquoi ne pas utiliser un compilateur externe de Sass CSS, il sera plus rapide et plus facile pour vous, et vous suffit d'utiliser CSS chargeur à votre config webpack, vous avez plusieurs de compilateur de programme de sass to css tel que (boussole, Prepros) Prepros est si bon, Je l'utilise de cette façon et je n'ai aucun problème