vue.config.js中使用chainWebpack打包，如何设置忽略某个文件夹不被打包

vue.config.js中使用chainWebpack打包，如何设置忽略某个文件夹不被打包

vue.config.js中使用webpack打包项目，使用的是chainWebpack的API写法，如下：

chainWebpack: (config) => {
    config.module
      .rule('md')
      .test(/\.md/)
      .use('vue-loader')
      .loader('vue-loader')
      .end()
      .use('vue-markdown-loader')
      .loader('vue-markdown-loader/lib/markdown-compiler')
      .options({
        raw: true,
      })

vue版本是2x，vue CLI版本是5.0x，想让webpack打包时忽略某个文件夹,可以修改 Webpack 的 CopyPlugin 实现。

禁用 CopyPlugin 复制特定文件夹

写法如下：
Vue CLI 默认会将 public/ 下的文件复制到 dist/，先移除默认配置，再重新配置

 //设置webpack打包忽略文件
   const CopyWebpackPlugin = require('copy-webpack-plugin')
   // 移除默认的 CopyWebpackPlugin 配置
   config.plugins.delete('copy')
   // 重新配置 CopyWebpackPlugin，排除特定文件夹
   config.plugin('copy').use(CopyWebpackPlugin, [
     [
       {
         from: 'public',
         to: '[path][name][ext]',
         globOptions: {
           ignore: [
             '**/demo/**', // 忽略 public/demo/ 目录
             '**/*.test.*', // 忽略所有测试文件
           ],
         },
       },
     ],
   ])

测试后发现上面的办法会出现问题，确实忽略了demo目录，但是dist中却出现了public目录，并没有将public文件夹里的东西复制到dist目录下。

最后还是用了简单粗暴的方法，通过脚本在构建完成后手动删除demo目录,直接使用 Windows 的命令。
在package.json中：

{
  "scripts": {
    "build": "vue-cli-service build && rmdir /s /q dist\\demo"
  }
}

• rmdir /s /q 是 Windows 中删除目录的命令：
• /s 表示删除目录树（包括目录下的所有文件和子目录）。
• /q 表示“安静模式”，不会提示确认删除。