![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
loader
瑶&希
给自己一个机会,让自己有理由成功。
展开
-
webpack中常见loader的作用和使用方法
webpack中常见的loader有哪些?它们的作用是什么呢?之前我们有说到,webpack默认情况下只认识.js结尾的文件,要打包其它类型的文件,则我们需要在webpack.config.js文件中进行配置,只有通过正确的配置后,当webpack进行打包时才能对其它类型的文件进行正确的打包,那我们最常打包的文件类型有哪些呢?1.file-loaderfile-loader可以用于图片资源的打包配置,当我们只配置loader时,那打包好的图片资源默认是存放在输出文件所在的同级目录下,并且名称格式是:h原创 2021-02-24 10:05:57 · 3724 阅读 · 0 评论 -
初识webpack之loader的作用
什么是loader?前面有讲到,webpack是一个模块打包工具,它可以打包任何以模块方式引入的文件,而webpack实际上默认情况下它还是只能识别js文件,而要打包其它类型的文件,此时就需要我们在webpack.config.js配置文件中对需要打包的文件进行配置。只有配置之后,当我们的webpack在打包非js文件时,它才会去看配置文件中是怎么配置的,然后按照我们的配置进行打包,而配置打包规则时就需要用到我们的loader。配置非js打包规则如下:从图中我们可以看到,在这个配置文件中,我们不止配置了原创 2021-02-23 10:22:19 · 410 阅读 · 0 评论