如何在 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

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

import './style.css';

然后 webpack 将使用 css 加载程序来引入您的样式。

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

How to use 2 CSS files in Webpack

webpack

webpack-2