webpack-loader的使用

安装对应的loader

webpack loader地址：https://webpack.docschina.org/loaders/

比如我们现在安装css-loader

终端输入：
npm install --save-dev css-loader
和
npm install --save-dev style-loader

因为css-loader 只负责载入css文件，而style-loader则负责解析css文件

安装完毕:

webpack.config.js文件中添加

use: [“style-loader”,“css-loader”] 里的顺序不能变

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/i,
        use: ["style-loader","css-loader"],
      },
    ],
  },
};

最后打包运行

页面有样式了

注:如果打包不成功 有可能是 css-loader版本太高 ，

可以给它指定版本：
npm install --save-dev css-loader@2.0.2
npm install --save-dev style-loader0.23.1