Webpacker添加“ dist”文件夹

如何解决Webpacker添加“ dist”文件夹

我正在运行带有React-Rails的Rails 6，并使用带有热重载的webpack-dev-server进行开发。大多数时候，一切都很好。当我将更改保存到我的javascript文件时，webpacker会重新编译并加载更新。

在开发过程中，我将两次处于“良好”状态，然后单击“保存”，然后突然间创建了一个新文件夹，同时在名为dist的文件旁边创建了该文件夹。例如，我有一个名为app/javascript/components/common/uploader/index.tsx的文件，当我保存对文件的更改时，现在创建了文件夹app/javascript/components/common/uploader/dist，其中包含文件index.js。

我的理解是，使用webpack-dev-server时，所有这些类型的文件都应存储在内存中，因此很惊讶地看到它们出现。同样奇怪的是，这种情况是在没有我更改任何设置的情况下开始发生的，仅将同一文件保存两次就会对其进行更改，然后还原回master并不能解决问题。我第一次删除它是通过删除整个根文件夹，然后再在我的仓库上同步回主服务器，但是现在这并没有解决问题。

  dev_server:
    https: false
    host: webpacker
    port: 3035
    public: 0.0.0.0:3035
    hmr: true
    # Inline should be set to true if using HMR
    inline: true
    overlay: true
    compress: true
    disable_host_check: true
    use_local_ip: false
    quiet: false
    headers:
      'Access-Control-Allow-Origin': '*'
    content_base: public
    watchContentBase: true
    watch_options:
      ignored: /node_modules/
      poll: 1000
      aggregateTimeout: 500
    optimization:
      removeAvailableModules: false
      removeEmptyChunks: false
      splitChunks: false

解决方法

结果证明这根本不是webpacker的问题，而是VS Code Compile Hero的问题... Vs code create folder automatically with (dist) name