extract-text-webpack-plugin이 CSS 파일을 만들지 않습니다.

Question

bundlepack을 만드는 webpack.config.js가 있습니다 만, 어떤 이유에서든 css-loader, style-loader 및 extract-text-webpack-plugin이 있지만 CSS 파일을 만들지 않습니다.

내 webpack.config.js

const path = require('path'); 
const HtmlWebpackPlugin = require('html-webpack-plugin'); 
const HtmlWebpackPluginConfig = new HtmlWebpackPlugin({ 
    template: './client/index.html', 
    filename: 'index.html', 
    favicon: './client/asset/favicomatic/favicon.ico' 
}); 
const ExtractTextPlugin = require('extract-text-webpack-plugin'); 

const BUILD_DIR = path.resolve(__dirname, 'dist'); 

module.exports = { 
    entry: ['./client/src/index.js'], 
    output: { 
    path: BUILD_DIR, 
    filename: 'bundle.js' 
    }, 
    module: { 
    loaders: [ 
     { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ }, 
     { test: /\.jsx$/, loader: 'babel-loader', exclude: /node_modules/ }, 
     { 
     test: /\.css$/, 
     use: ExtractTextPlugin.extract({ 
      fallback: "style-loader", 
      use: "css-loader" 
     }) 
     } 
    ] 
    }, 
    resolve: { 
    extensions: ['*', '.js', '.jsx'] 
    }, 
    plugins: [HtmlWebpackPluginConfig, new ExtractTextPlugin('style.css')] 
}; 

나는 내 폴더에있는 CSS 파일이 표시되지 않는 다른 곳에서이 번들 CSS 파일을 만들 것을 기대했다.

내가 뭘 잘못하고 있는지 알 수 있다면 알려 주시기 바랍니다.

감사합니다.

Answer 1

구성이 좋았습니다.

웹팩은 종속성 그래프에서 CSS 종속성을 처리해야합니다. 출력 CSS 파일, 즉 require("./css-file-here") 또는 import "./css-file-here"

웹팩 가이드에서 소스 코드에서 그 가능성이 누락 된 부분이 누락 된 의존성 선언을 생성하지 않는 경우 here

이 에 따라 파일에 import './style.css' 할 수 있습니다 그 스타일.

출력물에 CSS 소스 파일이 처리되었음을 알리는 신호가 있습니까?