相关疑难解决方法(0)

背景：

我有一个Webpack 设置，用于使用带有esbuild-loader的实时 HMR 服务器通过 PurgeCSS 来预处理 SCSS，以加快 Webpack 中的编译速度，但即便如此，我的编译时间仍然很慢，我想要 ESBuild 的原始速度并删除 Webpack完全设置。

ESBuild 的基本设置很简单，您可以使用 npm 安装 esbuild 并在package.json中添加以下代码：

{
  ...
  "scripts": {
    ...
    "watch": "esbuild --bundle src/script.js --outfile=dist/script.js --watch"
  },
  ...
}

并使用以下命令运行它：

npm run watch

此单行配置将捆绑您的脚本和样式（您可以在 script.js 中导入 style.css）并输出 dist 目录中的文件，但这不允许对 ESBuild 进行高级配置，例如为样式表输出不同的名称和脚本文件或使用插件。

问题：

1. 如何使用外部配置文件配置 ESBuild？
2. ESBuild 不支持开箱即用的 SCSS。如何配置外部插件（如esbuild-sass-plugin），更进一步，如何设置PostCSS及其插件（如Autoprefixer ） ？
3. 如何设置开发服务器自动重建？
4. 如何设置 PurgeCSS？

我有一个小项目（大约 30 个 sass 文件），sass我正在使用@import和@mixin......

我的 webpack 开发构建已经完成30s（并且仍在增长，上周已经是 20 多岁了），这太疯狂了......

我的配置是：

        {\n          test: /\\.scss$/,\n          exclude: /(node_modules|bower_components)/,\n          use: [\n            {\n              loader: "css-loader",\n              options: {\n                modules: {\n                  localIdentName: \'[local]___[hash:base64:5]\',\n                },\n                sourceMap: false,\n              },\n            },\n            { \n              loader: \'sass-loader\', \n            }\n          ],\n        },\n

我需要加快本地构建速度...我的配置出了什么问题？为什么这么慢？

 SMP  \xe2\x8f\xb1  \nGeneral output time took 27.82 secs\n\n SMP  \xe2\x8f\xb1  Plugins\nMiniCssExtractPlugin took 0.001 secs\n\n SMP  \xe2\x8f\xb1  Loaders\ncss-loader, and \nsass-loader took 27.14 secs\n  module count = 68\nmodules …