url-loader學習記錄

1、官網

2、做用

使用url-loader能夠將文件轉換爲base64 URI。

3、 安裝

npm install url-loader --save-dev

4、配置

//e.g
module.exports = {
  module: {
    rules: [
      {
        test: /\.(png|jpg|gif)$/i,
        use: [
          {
            loader: 'url-loader',
            options: {
              limit: 8192,
            },
          },
        ],
      },
    ],
  },
};

5、參數配置（Options配置）

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,