ENOENT: 没有那个文件或目录，打开 'G:\Aframara Website\images

Question

我一直在尝试从处于开发模式的 style.css 和 bootstrap.min.css 中删除未使用的 CSS。我正在使用 PostCSS & Parcel 来执行此操作。

所以我安装了 PostCSS 和 Parcel 然后创建了一个 postcss.config.js.

postcss.config.js有如下代码

postcss.config.js

module.exports = {
    Plugins:[
        require("postcss-uncss")({
            html:[
             '/index.html'
            ]
        })
    ]
}

当我运行 parcel index.html 这个错误不断出现时

G:\Aframara Website\images\about\us.jpg: ENOENT: 没有那个文件或目录，打开 'G:\Aframara Website\images\about\ us.jpg'

我有 7 个 Html 文件和前面提到的 style.css 以及 bootstrap.min.css。

所以我想减少所有这两个文件的大小。我看了这个 video 并且完全按照他说的做了。如果有人有其他方法，我将不胜感激。

Answer 1

我找到了解决方法，我安装了 npm i -g purgecss

然后我在网站的根目录下创建了一个名为 'purged' 的文件夹。

我运行这个命令

purgecss --css *.css **/*.css --content *.html *.js --output purged

此命令在清除的文件夹中创建了两个文件，即 style.css 和 bootstrap.min.css。

然后我将 css 样式 URL 从 css/bootstrap.min.css 更改为 purged/bootstrap.min.css，将 css/style.css 更改为 purged/style.css

*.js是检查javascript中是否有动态生成的样式。想留就留吧。

我的两个文件 bootstrap.min.css 和 style.css 的大小显着减小。

ENOENT: no such file or directory, open 'G:\Aframara Website\images