1. 程式人生 > >vue css background路徑不對

vue css background路徑不對

trac xtra strong load 問題 con icp nbsp concat

  1. 針對此問題, 需要單獨為css配置publicPath.
  2. ExtractTextWebpackPlugin 提供了一個options.publicPath的API, 可以為css單獨配置publicPath.
  3. 對於 vue-cli生成的項目, dist目錄結構為: dist > index.html + static > css + img + js
  4. 問題是css中的background路徑不能正確引入.
  5. 更改build/utils.js文件中的 ExtractTextPlugin 的 options配置.

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

vue css background路徑不對