用webpack引入booststrap，字体等文件报错。

Question

报错：

代码：

Answer 1

url-loader没有配置对, 你需要把那些文件，字体的后缀加到url-loader的配置里面。

检查一下你webpack里面对url-loader的配置。
下面我正在用的配置。

  module: {
    noParse: [],
    loaders: [
      { test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/, loader: 'url-loader?limit=50000&name=[path][name].[ext]'}
    ]
  },

参见这个答案： http://segmentfault.com/q/1010000004204220/a-1020000004205861

Answer 2

我的loader配置是这样的，可以正常引入boostrap，参考下：

module: {
    loaders: [
      {test: /\.vue$/,loader: 'vue'},
      {test: /\.(png|jpg|gif)$/,loader: 'file?name=[name].[ext]?[hash]'},
      {test: /\.css$/,loader: 'style!css'},
      {test: /\.eot/,loader : 'file?prefix=font/'},
      {test: /\.woff/,loader : 'file?prefix=font/&limit=10000&mimetype=application/font-woff'},
      {test: /\.ttf/, loader : 'file?prefix=font/'}, 
      {test: /\.svg/, loader : 'file?prefix=font/'}
    ]
  },