webpack基础入门04

这节课让我们一起了解loader的概念吧

概念：loader 让 webpack 能够去处理其他类型的文件，并将它们转换为有效 模块。

在 webpack 的配置中 loader 有两个属性：一个是test    另一个是use

 如何操作呢？

第一步：创建一个.css文件

第二步：index.js里引入.css文件(可以使用import)

第三步：配置loader

我们目前只引入了css文件  所以我们需要把rules里的test改成这种格式的

{ test: /\.css$/, use: ['style-loader','css-loader'] }

第四步：下载loader

cnpm install  style-loader css-loader -s  即可

第五步：再运行webpack就可以了。

谢谢您的预览，有问题可以在评论区留言哦！咱一起进步啊！