Dfyjkt

I'm facing an issue with Angular 5 having webpack 3.6.0, production build with AOT. For css I use extract-text-webpack-plugin howeve suddenly it started to fail on the following eo:

ERROR in Module build failed: Error: "extract-text-webpack-plugin" loader is used without the corresponding plugin, refer to https://github.com/webpack/extract-text-webpack-plugin for the usage example
at Object.pitch (/Users/.../node_modules/extract-text-webpack-plugin/dist/loader.js:53:11)

Here is my production config:

const ExtractTextPlugin = require('extract-text-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const webpack = require('webpack');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const CleanWebpackPlugin = require('clean-webpack-plugin');
const path = require('path');
const ngToolsWebpack = require('@ngtools/webpack');

const ENV = process.env.NODE_ENV = process.env.ENV = 'prod';


module.exports = 
 entry: 
 'polyfills': './polyfills.ts',
 'vendor': './vendor.ts',
 'app': './app/main-aot.ts'
 ,
 resolve: 
 extensions: ['.ts', '.js', '.json']
 ,
 output: 
 path: path.join(__dirname, 'wwwroot'),
 filename: 'js/[name].[hash:6].bundle.js',
 chunkFilename: 'js/[id].[hash:6].chunk.js'
 ,
 module: 
 rules: [
 
 test: /.ts$/,
 use: '@ngtools/webpack'
 ,
 
 test: /.html$/,
 use: 'html-loader'
 ,
 // svg,
 
 test: /.(png,
 eot,
 
 test: /.css$/,
 exclude: path.resolve(__dirname, "app"),
 use: ExtractTextPlugin.extract(
 fallback: 'style-loader', use: [
 loader: 'css-loader', options: minimize: true 
 ]
 )
 ,
 
 test: /.css$/,
 include: path.resolve(__dirname, "app"),
 use: 'raw-loader'
 
 ]
 ,
 plugins: [
 // AoT plugin.
 new ngToolsWebpack.AngularCompilerPlugin(
 tsConfigPath: './tsconfig-aot.json'
 ),
 new webpack.optimize.ModuleConcatenationPlugin(),
 new webpack.optimize.CommonsChunkPlugin(
 name: ['app', 'vendor', 'polyfills']
 ),
 new CleanWebpackPlugin(
 [
 './wwwroot/js/',
 './wwwroot/css/',
 './wwwroot/assets/',
 './wwwroot/index.html'
 ]
 ),
 new CopyWebpackPlugin([
 from: './assets', to: './assets' ,
 ]),
 // inject in index.html
 new HtmlWebpackPlugin(
 template: './index.html',
 inject: 'body',
 filename: 'index.html'
 ),
 new ExtractTextPlugin('css/[name]-[hash:6].bundle.css'),
 new webpack.DefinePlugin(
 'process.env': 
 'ENV': JSON.stringify('prod')
 
 ),
 new webpack.optimize.UglifyJsPlugin(
 compress: 
 warnings: false
 ,
 output: 
 comments: false
 ,
 sourceMap: false
 ),
 new webpack.ProvidePlugin(
 jQuery: 'jquery',
 $: 'jquery',
 jquery: 'jquery'
 )
 ]
;

I'm running following command for building:

rm -rf .aot wwwroot node_modules/ && npm cache clean -f && npm install && npm run ngc && npm run build:dist

Could somebody help me? Really need to go out with production build, however I'm stuck. Thanks.