Versuchen, CSS mit ExtractTextPlugin zu bündeln

Question

Ich versuche, meine CSS in eine Datei mit Webpack zu bündeln. Ich habe schon habe Arbeits es für meine scripts.but ich einen Fehler mit meinem CSS erhalten:

Module not found: Error: Can't resolve 'circle.css' in 'C:\Projects\tag-validator-front2\src\css'.

Hier ist meine Webpack config:

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

module.exports = { 
    entry: ["./src/ts/main.js","./src/css/css.js"], 
    module: { 
     loaders: [ 
     { 
      test: /\.jsx?$/, 
      loader: "babel-loader" 
     }, 
     { 
      test: /\.css/, 
      loader: ExtractTextPlugin.extract("css") 
     } 
     ] 
    }, 
    plugins: [ 
    new ExtractTextPlugin("styles.css") 
    ], 
    output: { 
    filename: "public/bundle.js" 
    } 
} 

main.js ist für meine Skripte und arbeitet, aber css.js ist nicht. Hier ist css.js:

"use strict"; 
import circleStyles from 'circle.css'; 

Ich bin nur einen Augenblick zu importieren, bis ich es bekommen zu arbeiten, aber alle meine CSS werden in Unterordner in diesem Verzeichnis und die meisten sein.

Answer 1

Versuchen Sie relativen Importpfad zu verwenden: import './circle.css';