1:打開webpack.dev.conf.js文件穗熬,找到publicPath: config.dev.assetsPublicPath,按Ctrl點擊卓嫂,跳轉到index.js文件
2:其中dev是開發(fā)環(huán)境赂鲤,build是構建版本,找到build下面的assetsPublicPath: '/',然后修改為assetsPublicPath: './',即“/”前加點滴肿。
3:經(jīng)常遇見的問題是 css 中 background-image 的相對路徑不能正確的引用到 img 文件夾中刑棵。但是用 ExtractTextWebpackPlugin 的 publicPath 配置就可以绷柒。
更改 build/utils.js 文件中 ExtractTextPlugin 插件的options 配置:
if (options.extract) {
? return ExtractTextPlugin.extract({
? ? use: loaders,
? ? publicPath: '../../',? ? ? ? // 注意配置這一部分淆珊,根據(jù)目錄結構自由調(diào)整
? ? fallback: 'vue-style-loader'
? })
} else {
? return ['vue-style-loader'].concat(loaders)
4:運行npm run build