如何在 Vue.js 中排除文件（例如配置文件）？

• https://cli.vuejs.org/config/#configurewebpack https://cli.vuejs.org/config/#configurewebpack
• https://cli.vuejs.org/config/#chainwebpack https://cli.vuejs.org/config/#chainwebpack

我试过了：

chainWebpack: config => {
    config.merge({
        module: {
            rules: [{
                test: /\.jsx?$/,
                exclude: {
                    exclude: [path.resolve(__dirname, "public/my-config.js")]
                }
            }]
        }
    })
}

Or

config.module.rule('js')
  .exclude({
    exclude: path.resolve(__dirname, "public/my-config.js")
  })

但这不起作用。

我想要导入public/my-config.js与脚本标签pages/index.html要不就import { config1, config2 } from '../public/my-config'.

我能够使用externals虽然不在 webpack 中包含模块，但它对于 Vue.js 来说不太直观。

我必须有my-config.js可以在dist/以便可以对其进行编辑。

参考：

• https://github.com/neutrinojs/webpack-chain#config-plugins-modify-arguments https://github.com/neutrinojs/webpack-chain#config-plugins-modify-arguments
• https://github.com/webpack-contrib/copy-webpack-plugin#ignore https://github.com/webpack-contrib/copy-webpack-plugin#ignore

我在我的vue.config.js:

const path = require("path");

module.exports = {
    baseUrl: ".",
    chainWebpack: config => {
        config.plugin('copy').tap((args) => [[
              {
                from: '/path/to/my_project/public',
                to: '/path/to/my_project/dist',
                toType: 'dir',
                ignore: [
                  'index.html',
                  '.DS_Store',
                  'config.data.js'
                ]
              }
          ]]
        );
    }
}

I used $ vue inspect > output.js然后检查了output.js文件用于了解哪些参数config.plugin('copy')这恰好是一个实例new CopyWebpackPlugin.