ExtractTextPlugin을 사용하여 CSS를 번들로 제공하려고 시도했습니다.

Question

Webpack을 사용하여 CSS를 하나의 파일로 묶으려고합니다. ,

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 내 스크립트하고 노력하고 있습니다 :

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

가 여기 내 웹팩 설정이다 : 나는 이미 내가 내 CSS에 오류가 내 scripts.but 위해 일하고있어 한 그러나 css.js는 그렇지 않습니다. 지금 내가이 일 때까지 나는 단지 하나를 가져있어

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

을하지만, 내 CSS의 모든 디렉토리에 있어야 및 하위 폴더에있는 대부분의 것 : 여기 css.js입니다.

Answer 1

상대 가져 오기 경로를 사용하려고 시도 : import './circle.css';