vue3项目打包时忽略指定目录

在我们的vue3工程里面，按照不同的业务模块将vue文件分到了不同的路径src里面，比如A业务和B业务分别对应src/view/A和src/view/B，现在希望在打包A业务的时候，只打包src/view/A目录中的文件，忽略src/view/B目录下的文件

在vue.config.js中配置打包忽略指定目录

打包A业务：

chainWebpack(config){
    config.module
      // 规则指定要打包的vue，根据项目打包需要的文件
      .rule('vue')
      .test(/\.vue$/)
      .include
      .add(resolve('src/App'))
      .add(resolve('src/components'))
      .add(resolve('src/layout'))
      .add(resolve('src/views/basic'))
      .add(resolve('src/views/A'))// 打包A业务
      .end()
}

打包B业务：

chainWebpack(config){
    config.module
      // 规则指定要打包的vue，根据项目打包需要的文件
      .rule('vue')
      .test(/\.vue$/)
      .include
      .add(resolve('src/App'))
      .add(resolve('src/components'))
      .add(resolve('src/layout'))
      .add(resolve('src/views/basic'))
      .add(resolve('src/views/B'))// 打包B业务
      .end()
}

后续还需要在打包命令中传递参数来不同项目打包，接下一条文章： Vue中npm run build通过传递参数来分项目打包 - 掘金 (juejin.cn)