webpack(2)

加载CSS

安装并添加 style-loader 和 css-loader
npm install --save-dev style-loader css-loader

配置文件中写入

module: {
        rules: [
            {
                test: /\.css$/,
                use: [
                    'style-loader',
                    'css-loader'
                ]
            }
        ]
    }

webpack 根据正则表达式，来确定应该查找哪些文件，并将其提供给指定的 loader。在这种情况下，以 .css 结尾的全部文件，都将被提供给 style-loader 和 css-loader。

加载图片

安装并添加 file-loader
npm install --save-dev file-loader

配置文件中写入

{
            test: /\.(png|svg|jpg|gif)$/,
             use: [
               'file-loader'
             ]
          }

image-webpack-loader , url-loader 压缩和优化你的图像

加载字体

file-loader可接收并加载任何文件
配置文件中写入

      {
        test: /\.(woff|woff2|eot|ttf|otf)$/,
        use: [
          'file-loader'
        ]
      }