记录一下，我的vue打包过程

Posted 2021-03-04 xymaxbf

首先是这里buildwebpack.base.conf.js

output: {
    path: config.build.assetsRoot,
    filename: ‘[name].js‘,
    // publicPath: process.env.NODE_ENV === ‘production‘
    //   ? config.build.assetsPublicPath
    //   : config.dev.assetsPublicPath,
    publicPath: process.env.NODE_ENV === ‘production‘//这里
      ? ‘./‘ + config.build.assetsPublicPath
      : ‘./‘ + config.dev.assetsPublicPath
  },

然后是buildutils.js

 if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: ‘vue-style-loader‘,
        publicPath:‘../../‘//这里
      })

最后是这里buildwebpack.prod.conf.js

 devtool: config.build.productionSourceMap ? config.build.devtool : false,
  output: {
    publicPath:‘./‘,//这里
    path: config.build.assetsRoot,
    filename: utils.assetsPath(‘js/[name].[chunkhash].js‘),
    chunkFilename: utils.assetsPath(‘js/[id].[chunkhash].js‘)
  },

然后运行npm run build，打包完成，也不会出现静态资源混乱的问题

但是配置完容易出现里面css混乱，串页面的问题，需要对照着打包出的文件与原项目修改，不断的更改和打包要吐了