Question

简而言之，我正在尝试使用extract-text-webpack-plugin输出我的css资产。我希望引导加载程序会吐出bootstrap.css但事实并非如此。我认为我可能需要在我的include 'webpack-loader/path/to/css'中添加app.js，但有些内容会让人感觉很奇怪而且违背了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

解决方案 - 我将extractStyles中的.bootstraprc变量设置为true。我现在可以平静地睡觉了。

webpack bootstrap-loader会发出bootstrap.js而不是bootstrap.css文件吗？

1 个答案: