file-loader及url-loader的使用
Posted 向着太阳生
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了file-loader及url-loader的使用相关的知识，希望对你有一定的参考价值。
file-loader主要用来处理图片,其实也可以在js和html及其他文件上，但很少那么使用，比如：
1 require("file-loader?name=js/[hash].script.[ext]!./javascript.js"); 2 // => js/0dcbbaa701328a3c262cfd45869e351f.script.js 3 4 require("file-loader?name=html-[hash:6].html!./page.html"); 5 // => html-109fa8.html 6 7 require("file-loader?name=[hash]!./flash.txt"); 8 // => c31e9820c001c9c4a86bce33ce43b679
url-loader是file-loader的加强版，可以使用limit参数
{test:/\.(png|jpg)$/,loader:"url-loader?limit=8192&name=img/[name][hash:8].[ext]"}
NOTE:file-loader和url-loader只处理入口节点中有引用的图片
以上是关于file-loader及url-loader的使用的主要内容，如果未能解决你的问题，请参考以下文章
url-loader / file-loader 使用 webpack 破坏 css 输出中的相对路径
Webpack 使用url-loader和file-loader打包资源文件
Webpack url-loader 或 file-loader 不起作用反应应用程序