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

　重新打包編譯，執行成功！