Wordpress 使用Webpack最小化个人资产

我想用webpack优化wordpress网站。该应用程序不是一个单页应用程序，每个页面的头部都需要自己的样式、脚本和图像。我想使用webpack将css、js和图像最小化。我不需要一个包文件

在一个包含三个css文件的文件夹中，我希望遍历每个文件并最小化它们

css/
page.css ---> page.css(minimized)
header.css ---> header.css(minimized)
footer.css ---> footer.css(minimized)

---

我想对js文件做同样的处理，并为JPG、png等使用图像优化器。这可以用webpack完成吗？如果是的话，如何做到这一点？我读过关于多个入口点的文章，但这似乎不是我需要的。谢谢

否，多个入口点仍然只能给出一个输出。您可以做的是编写一个包装脚本，包装您的

webpack.config.js

，并将entry config变量设置为动态

伪代码：

import glob from 'glob' 
import webpack from 'webpack' 
import config from './webpack.config'

const files = glob.glob('**/my-entry-file.js');

files.forEach((file) => {
    config.entry = file;
    webpack(config);
});

---

不，多个入口点仍然只能给出一个输出。您可以做的是编写一个包装脚本，包装您的

webpack.config.js

，并将entry config变量设置为动态

伪代码：

import glob from 'glob' 
import webpack from 'webpack' 
import config from './webpack.config'

const files = glob.glob('**/my-entry-file.js');

files.forEach((file) => {
    config.entry = file;
    webpack(config);
});