vue打包文件时的操作

当我们将项目开发完成之后需要将文件打包成一个dist文件给后端，那么打包需要做什么呢？
首先进入config文件的index.js文件中将build中的assetsPublicPath:'./'改为assetsPublicPath:'/'（打包文件）
 build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
}
然后，进入到build文件中将webpack.prod.conf.js文件中的output加入publicPath:'./'（图片的路径）
  output: {
    path: config.build.assetsRoot,
    publicPath:'./',
    filename: utils.assetsPath('js/[name].[chunkhash].js'),
    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
  },
  然后进入build文件中的utils文件中修改（修改背景图的地址）
   if (options.extract) {
  return ExtractTextPlugin.extract({
    use: loaders,
    publicPath:'../../',（重点代码）
    fallback: 'vue-style-loader'
  })
} else {
  return ['vue-style-loader'].concat(loaders)
}
然后将 proxyTable: {}模块内清空
最后：npm run build
复制代码