Webpacker 添加“dist”文件夾

Question

我正在運行帶有 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

Answer 1

原來這根本不是 webpacker 的問題，問題在於 VS Code Compile Hero ... Vs 代碼自動使用（dist）名稱創建文件夾