安装url-loader

npm install url-loader --save-dev

配置config文件

      {

        test: /\.(png|jpg)$/,

        loader: 'url?limit=40000'

      }

注意后面那个limit的参数，当你图片大小小于这个限制的时候，会自动启用base64编码图片。

下面举个栗子。

新建一个imgs文件夹，往里面添加一张崔叔的照片。在scss文件中添加如下的东西。

@import "./variables.scss";

h1 {

  color: $red;

  background: url('../imgs/avatar.jpg');

}

npm start, 然后查看图片的url，发现神奇。