- 針對此問題, 需要單獨為css配置publicPath.
- ExtractTextWebpackPlugin 提供了一個
options.publicPath
的API, 可以為css單獨配置publicPath. - 對於 vue-cli生成的項目, dist目錄結構為: dist > index.html + static > css + img + js
- 問題是css中的background路徑不能正確引入.
-
更改
build/utils.js
文件中的 ExtractTextPlugin 的 options配置. -
if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath: '../../', fallback: 'vue-style-loader' }) } else { return ['vue-style-loader'].concat(loaders) }