首页 > webpack加载bootstrap文件中的eot,ttf等格式文件报错!

webpack加载bootstrap文件中的eot,ttf等格式文件报错!

webpack.config.js文件内容

var webpack = require('webpack')
module.exports = {
  entry: './src/main.js',
  output: {
    path: './dist',
    publicPath: 'dist/',
    filename: 'build.js'
  },
  module: {
    loaders: [
      {test: /\.vue$/,loader: 'vue'},
      {test: /\.(png|jpg|gif)$/,loader: 'file?name=[name].[ext]?[hash]'},
      {test: /\.css$/,loader: 'style!css'},
      {test: /\.(eot|woff)$/, loader: "file-loader" }
    ]
  },
  // example: if you wish to apply custom babel options
  // instead of using vue-loader's default:
  babel: {
    presets: ['es2015', 'stage-0'],
    plugins: ['transform-runtime']
  }
}

if (process.env.NODE_ENV === 'production') {
  module.exports.plugins = [
    new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: '"production"'
      }
    }),
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false
      }
    }),
    new webpack.optimize.OccurenceOrderPlugin()
  ]
} else {
  module.exports.devtool = '#source-map'
}

浏览器报错信息:

./~/css-loader!./src/libs/plugins/bootstrap-3.1.1/css/bootstrap.css
Module not found: Error: Cannot resolve module 'url' in E:\code\myvue\src\libs\plugins\bootstrap-3.1.1\css
resolve module url in E:\code\myvue\src\libs\plugins\bootstrap-3.1.1\css
  looking for modules in E:\code\myvue\node_modules
    module variation url-webpack-loader
      E:\code\myvue\node_modules\url-webpack-loader doesn't exist (module as directory)
      resolve 'file' url-webpack-loader in E:\code\myvue\node_modules
        resolve file
          E:\code\myvue\node_modules\url-webpack-loader doesn't exist
          E:\code\myvue\node_modules\url-webpack-loader.webpack-loader.js doesn't exist
          E:\code\myvue\node_modules\url-webpack-loader.loader.js doesn't exist
          E:\code\myvue\node_modules\url-webpack-loader.web-loader.js doesn't exist
          E:\code\myvue\node_modules\url-webpack-loader.js doesn't exist
    module variation url-web-loader
      E:\code\myvue\node_modules\url-web-loader doesn't exist (module as directory)
      resolve 'file' url-web-loader in E:\code\myvue\node_modules
        resolve file
          E:\code\myvue\node_modules\url-web-loader doesn't exist
          E:\code\myvue\node_modules\url-web-loader.webpack-loader.js doesn't exist
          E:\code\myvue\node_modules\url-web-loader.loader.js doesn't exist
          E:\code\myvue\node_modules\url-web-loader.web-loader.js doesn't exist
          E:\code\myvue\node_modules\url-web-loader.js doesn't exist
    module variation url-loader
      E:\code\myvue\node_modules\url-loader doesn't exist (module as directory)
      resolve 'file' url-loader in E:\code\myvue\node_modules
        resolve file
          E:\code\myvue\node_modules\url-loader doesn't exist
          E:\code\myvue\node_modules\url-loader.webpack-loader.js doesn't exist
          E:\code\myvue\node_modules\url-loader.web-loader.js doesn't exist
          E:\code\myvue\node_modules\url-loader.loader.js doesn't exist
          E:\code\myvue\node_modules\url-loader.js doesn't exist
    module variation url
      E:\code\myvue\node_modules\url doesn't exist (module as directory)
      resolve 'file' url in E:\code\myvue\node_modules
        resolve file
          E:\code\myvue\node_modules\url doesn't exist
          E:\code\myvue\node_modules\url.js doesn't exist
          E:\code\myvue\node_modules\url.webpack-loader.js doesn't exist
          E:\code\myvue\node_modules\url.web-loader.js doesn't exist
          E:\code\myvue\node_modules\url.loader.js doesn't exist
[E:\code\myvue\node_modules\url]
[E:\code\myvue\node_modules\url.js]
[E:\code\myvue\node_modules\url]
[E:\code\myvue\node_modules\url-webpack-loader]
[E:\code\myvue\node_modules\url-webpack-loader]
[E:\code\myvue\node_modules\url-webpack-loader.webpack-loader.js]
[E:\code\myvue\node_modules\url-webpack-loader.loader.js]
[E:\code\myvue\node_modules\url-webpack-loader.web-loader.js]
[E:\code\myvue\node_modules\url-webpack-loader.js]
[E:\code\myvue\node_modules\url-web-loader]
[E:\code\myvue\node_modules\url-web-loader]
[E:\code\myvue\node_modules\url-web-loader.webpack-loader.js]
[E:\code\myvue\node_modules\url-web-loader.loader.js]
[E:\code\myvue\node_modules\url-web-loader.web-loader.js]
[E:\code\myvue\node_modules\url-web-loader.js]
[E:\code\myvue\node_modules\url-loader]
[E:\code\myvue\node_modules\url-loader]
[E:\code\myvue\node_modules\url-loader.webpack-loader.js]
[E:\code\myvue\node_modules\url-loader.web-loader.js]
[E:\code\myvue\node_modules\url-loader.loader.js]
[E:\code\myvue\node_modules\url-loader.js]
[E:\code\myvue\node_modules\url.webpack-loader.js]
[E:\code\myvue\node_modules\url.web-loader.js]
[E:\code\myvue\node_modules\url.loader.js]
 @ ./~/css-loader!./src/libs/plugins/bootstrap-3.1.1/css/bootstrap.css 6:4534-4587

https://github.com/webpack/css-loader/issues/18

【热门文章】
【热门文章】