vue-cli 打包出来的项目,scss,less样式里面的背景图无法显示,路径不正确

 

解决方式:
找到项目中的build/utils.js文件,
找到如下代码:

    if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }

修改如下:

    if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        publicPath: '../../',  // 这行是重点
        fallback: 'vue-style-loader'
      })
    } else {

你可能感兴趣的:(vue.js,javascript)