webpack bootstrap-loader 会发出 bootstrap.js 但不会发出 bootstrap.css 文件？

Question

简而言之，我正在尝试使用 extract-text-webpack-plugin 输出我的 css 资产。我希望引导加载程序会吐出bootstrap.css，但事实并非如此。我在想我可能必须在我的app.js 中添加一个include 'webpack-loader/path/to/css'，但是这让人感觉很俗气，并且违背了 webpack 的目的。

下面是我可以创建的代表问题的最小webpack.config.js。该配置假定webpack.bootstrap.config.js 和.bootstraprc 文件与webpack.config.js 位于同一目录中

const path = require("path");

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

const bootstrapEntryPoints = require('./webpack.bootstrap.config');

const extractCssPlugin = new ExtractTextPlugin({
    filename : '[name].css'
});

module.exports = {
    entry : {
        app : "./src/js/app.js",
        bootstrap : bootstrapEntryPoints.dev
    },
    output : {
        path : path.resolve(__dirname, 'dist'),
        filename : "[name].bundle.js"
    },
    module : {
        rules : [
            { test: /\.css$/, use : extractCssPlugin.extract({use : [{loader: "css-loader"}]})},
            { test: /\.(woff2?|svg)$/, loader: 'url-loader?limit=10000' },
            { test: /\.(ttf|eot)$/, loader: 'file-loader' },
        ]
    },
    devServer : {
        contentBase : path.join(__dirname, "dist"),
        hot : true,
    },
    plugins : [
        extractCssPlugin,
    ],
};

注意事项：

• bootstrapEntryPoints.dev 解析为 'bootstrap-loader'。这意味着我的引导入口点看起来像 entry : {..., bootstrap : 'bootstrap-loader'}

Answer 1

解决方案 - 我将.bootstraprc 中的extractStyles 变量设置为true。我现在可以安心入睡了。