什么是loader？ 我们使用webpack处理我们写的js代码，webpack自动处理js之间的依赖关系。
在实际项目中，除了js文件外，还将css、图像和ES6转换为ES5，将tpyescript转换为ES5，将less、scss转换为css，并将jsx和vue文件转换为js文件。 使用npm run build打包时将报告错误，如下图所示。
youmayneedanappropriateloadertohandlethisfiletype。
处理这种类型的文件可能需要加载器。
webpack本身没有转换功能。
怎么办？ 支持web包扩展的loader就可以了。
loader的使用步骤如下。
使用npm安装所需的加载程序
通过输入以下命令npm install --save-dev css-loader可以安装：
显示下图的“devDependencies”中的css-loader
在webpack.config.js的modules关键字下设置
正在安装样式加载器。 必须是npminstallstyle-loader-- save-dev。
module : { rules : } { text :/.CSS $ /，use:['style-loader '，' css-loader'] } ] }
如果发生以下错误：
use: ['style-loader '，' css-loader']的顺序很重要。
所有loader都可以在webpack官方网站上找到。 web包主页