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

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

这样的需求,webpack要怎么使用呢?

阅读 3.7k
3 个回答

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

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题