**

许多小伙伴使用vue集成的webpack一键打包时,或多或少都有一点问题,这里我自己配置了打包文件供同好们参考一下

**

module.exports = {
   //根据开发模式阐述公共路径:这个是必须的
    publicPath:process.env.NODE_ENV === 'production' ? './' : './',
    // 根目录内的文件夹名,里面可能含有css img  js等文件夹 由用户来自定义
    assetsDir: 'static',
    // 根目录  如果不写 默认是dist,这里的目的是有些后端人员希望前端打包生成的文件放在templates的文件下,这时候就可以加如下的代码,如果是默认放在dist文件夹下,那么就可以不用加这句话
    outputDir: __dirname + '/templates',
    lintOnSave: false,   //关闭保存是检测语法
    // 关闭打包时产生的map文件,map文件的主要作用是:当开发网址部署到服务器后,可以通过map文件查阅控制台哪里报错,如果不希望有map文件可以关闭,通过vue打包生成的打包文件,会有俩分,一份是包含map另一份是没有map的。如果不希望有map就加如下语句
    productionSourceMap:false,
    //
    
    configureWebpack: {
    //打包的衍射文件方式,可以参考webpack,webpack对几种方式都做了说明
    devtool: 'source-map',
    performance: {
      hints:'warning',
      //入口起点的最大体积
      maxEntrypointSize: 5000000000,
      //生成文件的最大体积
      maxAssetSize: 30000000000,
      //只给出 js 文件的性能提示
      assetFilter: function(assetFilename) {
        return assetFilename.endsWith('.js');
      }
    }
  },
  }
Logo

前往低代码交流专区

更多推荐