style-loader, css-loader的安装使用

css-loader: 解析 CSS 文件后,使用 import 加载,并且返回 CSS 代码

style-loader :将模块的导出作为样式添加到 DOM 中

1、安装:

npm install style-loader css-loader --save-dev

2、配置:

 module: {
        rules: [
            { test: /.css$/, use: ['style-loader', 'css-loader'] },   //test是正则匹配标识符,表示匹配什么文件
            ]
          } 

3、导入到js文件:

import './css/juzhongyanse.css'

 4、新手容易遇到的坑:loader版本过高报错的问题;

    css-loader 和 style-loader 版本过高

 解决办法:手动降低loader的版本:

 然后执行命令:

npm install

 重新打包编译,执行成功! 

原文地址:https://www.cnblogs.com/bzqs/p/13902631.html