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