Webpack Extrakt Text Plugin unknow Wort Export Fehler

Question

ich diese Fehler haben, wenn meine Anwendung zu bündeln, und ich kann nicht verstehen, warum funktioniert es nicht. Ich war mit Stil-Lader vor und jetzt versuche ich Extrakt-Text-Plugin zu implementieren, aber bekam diese Fehler:

Die Sache ist all dies war eigentlich mit Stil-Lader arbeiten, ich bin nur ersetzt Stil-Lader mit dem Extrakt-Plugin, keine anderen loader oder Plugin zu ändern, und ich gesucht, aber es noch keine Lösung gefunden.

vuetify.css finden Sie hier https://github.com/vuetifyjs/vuetify/tree/master/dist

hier ist mein index.scss:

@import "default"; 
@import "list"; 
@import "page"; 
@import "toolbar"; 

Und hier ist ein Teil, wo ich den Import der Dateien:

import 'vuetify/dist/vuetify.min.css'; 
import './sass/index.scss'; 

Webpack Modul config:

module: { 
    rules: [{ 
      test: /\.vue$/, 
      loader: 'vue-loader', 
      options: { 
       loaders: { 
        scss: 'css-loader?url=false!sass-loader', 
       }, 
       extractCSS: true, 
      } 
     }, 
     { 
      test: /\.js$/, 
      exclude: /node_modules/, 
      loader: 'babel-loader', 
     }, 
     { 
      test: /\.css$/, 
      loader: ExtractTextPlugin.extract({ 
       use: 'css-loader', 
       fallback: 'style-loader!css-loader' 
      }) 
     }, 
     { 
      test: /\.scss$/, 
      loader: ExtractTextPlugin.extract({ 
       use: 'css-loader?url=false!sass-loader', 
       fallback: 'style-loader!css-loader?url=false!sass-loader' 
      }) 
     }, 
     { 
      test: /\.(png|jpg|gif|svg|ttf|otf|eot|svg|woff(2)?)$/, 
      loader: 'file-loader', 
      options: { 
       name: '[name].[ext]?[hash]' 
      } 
     }, 
    ] 
} 

Plugin config:

plugins: [ 

    new webpack.DefinePlugin({ 
     'process.env': { 
      NODE_ENV: JSON.stringify(process.env.NODE_ENV), 
     } 
    }), 

    new CleanWebpackPlugin([ 
     getPath('../cordova/www/**'), 
    ], { 
     root: getPath('..'), 
    }), 

    new CopyWebpackPlugin([{ 
      from: getPath('../index.html'), 
      to: getPath('../cordova/www/index.html') 
     }, 
     { 
      from: getPath('../assets'), 
      to: getPath('../cordova/www/assets/') 
     }, 
    ]), 

    new webpack.ProvidePlugin({ 
     fetch: 'imports-loader?this=>global!exports-loader?global.fetch!whatwg-fetch' 
    }), 

    new webpack.LoaderOptionsPlugin({ 
     minimize: false, 
     debug: true 
    }), 

    new ExtractTextPlugin('styles.css') 

], 

Answer 1

ändern /\.css$/ auf diese eine Regel.

{ 
    test: /\.css$/, 
    use: ExtractTextPlugin.extract({ 
     fallback: 'style-loader', 
     use: 'css-loader' 
    }) 
    }