如何使用节点缩小静态网站答案

【问题标题】：how to minify a static website using node如何使用节点缩小静态网站
【发布时间】：2020-06-22 21:09:09
【问题描述】：

我有一个静态网站（index.html，样式、脚本和媒体的文件夹），并希望有一个脚本来缩小所有文件并将它们放在 dist 文件夹中（保持文件夹结构）。我觉得这应该是人们常做的事情，但我找不到任何可以做到这一点的脚本或包。我也开始编写自己的脚本（未完善）

exec("mkdir dist", () => {
    [["script", "js"], ["style", "css"]].forEach(([folderName, flag]) => {
        exec(`mkdir .\\dist\\${folderName} & dir /b /a-d ${folderName}`, (_, res) => {
            res.split("\n").forEach(fileName => {
                if (!fileName) return;

                exec(`minify ${folderName}\\${fileName}`, (_, min) => {
                    fs.writeFile(`.\\dist\\${folderName}\\${fileName.trim()}`, min, { flag: 'w' }, err => {
                        if (err) {
                            console.log(fileName.trim(), err);
                        }
                    })
                })
            })
        })
    })
})

任何想法“正确的方法”是什么？

【问题讨论】：

你看过webpack吗？
@j-petty 我觉得像 webpack 这样的打包工具太过分了，因为我只有几个脚本文件都是我自己写的，没有库
嗯，你要求的是事实上的方式，老实说，我认为使用捆绑器是现在的事实上的方式。如果 webpack 感觉不堪重负，还有像 Parcel 这样的打包工具。

标签： node.js npm build minify bundling-and-minification

【解决方案1】：

您不应该编写自己的脚本。对于我们面临的大多数问题，有很多解决方案。
Webpack 是您所描述内容的绝佳解决方案。
Webpack 为您提供模块和依赖项，并将它们设置为 bundle.js 文件下的静态资产。

【讨论】：