使用url-loader能够将文件转换为base64 URI。webpack
npm install url-loader --save-devweb
//e.g module.exports = { module: { rules: [ { test: /\.(png|jpg|gif)$/i, use: [ { loader: 'url-loader', options: { limit: 8192, }, }, ], }, ], }, };
name | type | default | desc | ||
---|---|---|---|---|---|
fallback | String | 'file-loader' | 指定当目标文件的大小超过limit选项中设置的限制时使用的什么laoder处理文件,默认使用file-loader,须要手动安装 | ||
limit | Number\ | Boolean\ | String | 'undefined' | 指定一个字符或在数字,当文件大小大于等于该值时,使用fallback 指定的laoder处理文件,默认无限制,指定为false,则不转化为base64 |
mimetype | String | 'file extension' | 设置要转换文件的MIME类型。若是未指定,则文件扩展名将用于查找MIME类型。打包为base64文件是,修改base64的data值,eg:data:text/plain;base64, |