如何在Webpack中使用2个CSS文件

Question

我是Webpack的新手并安装了"webpack": "^3.5.5"包。这是我的webpack.config.js。

module: {
        rules: [
            {
                test: /\.css$/,
                use: ['style-loader', 'css-loader']
            },
            {
                test: /\.js$/, exclude: /node_modules/, loader: "babel-loader"
            }
        ]
    }

它适用于一个CSS文件，但我想加载2个CSS文件。 1- Bootstrap 2- style.css

我尝试了一些我在Github上找到的配置，但它没有帮助。我怎么能这样做？

Answer 1

通过从js文件导入来加载css文件。因此，如果您想使用文件'style.css'，请从js文件中导入它，如：

import './style.css';

然后webpack将使用css加载器来引入你的样式。