利用vue腳手架生成的代碼去打包的時(shí)候，通常會發(fā)現(xiàn)，css路徑丟失的問題。同時(shí)如果用了elementui的話，還可能出現(xiàn)字體丟失的情況，通常需要自己手動(dòng)的將字體文件拷貝到指定的文件夾才能解決問題，但是這樣的話，太影響效率。所以需要配置webpack去解決問題。

css路徑丟失的解決方法

將config下面的index.js的build下的assetsPublicPath加一個(gè)./即可

build: {
    index: path.resolve(__dirname, '../dist/index.html'),
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',   //添加./
    productionSourceMap: true,
    devtool: '#source-map',
    productionGzip: false,
    productionGzipExtensions: ['js', 'css'],
    bundleAnalyzerReport: process.env.npm_config_report
}

elementui 字體路徑丟失的解決方法

將build下utils.js下加publicPath即可

if (options.extract) {
  return ExtractTextPlugin.extract({
    use: loaders,
    fallback: 'vue-style-loader',
    publicPath: '../../'     //添加publicPath屬性
  })
} else {
  return ['vue-style-loader'].concat(loaders)
}