什么是loader
loader是webpack中一个核心概念,原本webpack是处理js代码的,但是业务有时会需要将scss转换为css之类的。这时原有的webpack功能已经不够了,可以给webpack扩展对应的loader。
使用loader
- 在js中引用css
require("./css/my.css");
此时直接跑webpack会针对css文件提示 “You may need an appropriate loader to handle this file type.”
- 通过npm安装loader
npm install --save-dev css-loader
npm install --save-dev style-loader
- 在webpack.config.js中的module关键字下进行配置