如何使用webpack打包原生html/js？

Question

比如我用原生写了index.html，about.html等几个页面，每个页面都有js/css/png图片等，现在需要用webpack打包压缩html/js/css，png图片还要做base64处理。

这样的需求，webpack要怎么使用呢？

Answer 1

搜索查看loader plugin相关文档，比如js-loader css-loader style- loader htm-plugin

Webpack 就是靠着强大的loader和plugin 才能实现对不同文件 资源的打包处理

Answer 2

1. 直接打包html，看你页面结构是如何规划的。如果都是独立的，那么就是多入口。在entry里配置多个入口文件就行了。
2. js/css/png等静态文件，一般是通过loader就处理了。当然你也可以直接用plugin，copy所有静态文件到某个文件夹去使用。这些都是根据你项目的实际情况来的。

看看官方文档和教程就行了。

Answer 3

这种不建议使用webpack，更建议用Parcel