extract-text-webpack-pluginはCSSファイルを作成しません

Question

bundlepack.jsを作成する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

設定がよろしいですか。

Webpackは依存関係グラフのCSS依存関係を処理する必要があります。出力のCSSファイルが作成されていない場合は、可能性が不足している部分は、ソースコード内の依存関係の宣言が欠落しているrequire("./css-file-here")またはimport "./css-file-here"

すなわちWebPACKのガイドからhere

これは、あなたが に依存ファイルにimport './style.css'することができますそのスタイリング。

出力には、CSSソースファイルを処理した兆候がありますか？