Question

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

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

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

我想对js文件做同样的事情，并为jpgs，png等使用图像优化器。这可以用webpack完成吗？如果是这样，怎么办呢？我已经阅读了多个入口点，但这似乎不是我需要的。谢谢！

Answer 1

不，多个入口点仍然只能提供一个输出。您可以做的是编写一个包装脚本，它包装您的webpack.config.js并将条目配置变量设置为动态。

的伪代码：

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最大限度地减少个人资产

1 个答案: