如何自动清理Rails 6的Webpack公共包文件夹？

Question

在我的Rails6应用程序中使用Webpacker来管理javascript或资源时，我注意到public/packs文件夹中堆满了编译后的文件。public/packs文件夹中的Webpack资产通常会占用大量磁盘空间。有没有办法自动清理public/packs文件夹？

Answer 1

在这篇文章中，有几种方法可以作为mentioned。

1.使用webpack破解任务。

bundle exec rails webpacker:clobber

这将清理用于输出编译后的webpack资源的目录。但是，这仍然是一个手动工作，我们需要经常调用这个rake任务来清理磁盘空间。

插件2.使用干净的-webpack-

添加干净的-webpack-插件，如下所示。

yarn add -D clean-webpack-plugin

并将此插件添加到development.js。

# webpack/development.js
const CleanWebpackPlugin = require("clean-webpack-plugin")
const path = require("path")
const environment = require("./environment")

environment.plugins.append(
  "CleanWebpackPlugin",
  new CleanWebpackPlugin(["packs"], {
    root: path.resolve(__dirname, "../../public"),
    verbose: true
  })
)
module.exports = environment.toWebpackConfig()