Webpacker 添加“dist”文件夹答案

【问题标题】：Webpacker adding "dist" foldersWebpacker 添加“dist”文件夹
【发布时间】：2021-01-27 06:37:05
【问题描述】：

我正在运行带有 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 时，所有这些类型的文件都应该存储在内存中，看到它们出现很惊讶。这也特别奇怪，在我没有更改任何设置的情况下开始发生这种情况，只需保存相同的文件两次更改它并恢复到主文件并不能解决问题。我第一次通过删除整个根文件夹然后在我的仓库中同步回主文件夹来摆脱它，但现在这并没有成功。

  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

【问题讨论】：

标签： ruby-on-rails webpack webpack-dev-server webpack-hmr react-rails

【解决方案1】：

原来这根本不是 webpacker 的问题，问题出在 VS Code Compile Hero 上…… Vs code create folder automatically with (dist) name

【讨论】：