相信有不少同窗在学习vue的刚开始都遇到过项目打包发布后发现CSS中的背景图片不显示,具体如何解决只须要更改bind的配置便可css
修改 build/utils.js 中的 generateLoaders 方法,以下代码,增长 publicPath: '…/…/'vue
// generate loader string to be used with extract text plugin function generateLoaders (loader, loaderOptions) { const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader] if (loader) { loaders.push({ loader: loader + '-loader', options: Object.assign({}, loaderOptions, { sourceMap: options.sourceMap }) }) } // Extract CSS when that option is specified // (which is the case during production build) if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath: '../../', fallback: 'vue-style-loader' }) } else { return ['vue-style-loader'].concat(loaders) } }