Webpacker 添加 "dist" 个文件夹

Question

我是运行 Rails 6 w/ React-Rails 并使用带有热重载的 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

Answer 1

事实证明这根本不是 webpacker 的问题，问题出在 VS Code Compile Hero 上... Vs code create folder automatically with (dist) name

Webpacker 添加 "dist" 个文件夹

Webpacker adding "dist" folders

ruby-on-rails

webpack

webpack-dev-server

webpack-hmr

react-rails