本文主要记录了非模块化js如何使用webpack打包，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

最近在项目中使用了一下webpack，所以这里打算对目前了解的使用方法做一个小小的总结 为什么是webpack 1.webpack一下自己就:fire:了，这绝对是一个重要的原因。 2.然后我之前项目中都是通过requireJS，通过AMD来做到模块化开发。webpak不仅支持打包，而且支持AMD 和 CommonJS方式来做模块化开发，所以打算尝试一下webpack来实现模块化。 3.我的需求简单，适合新上手webpack，只需要生成上线目录，实现模块化，压缩代码等等 webpack实战

webpack同之前的gulp相比，gulp属于非模块化打包工具，webpack属于模块化打包工具，两者的优劣这里不做过多分析（可自行百度）。 目的：是为了分享一下使用过程中，用到的插件、loader、遇到的各种问题以及解决办法，最后会附上最终代码。 在这个项目中，用 webpack打包css、scss、js、图片文件、jquery、第三方插件、字体图标，编译es6、压缩html、压缩js、压缩css ，基本涵盖了常用的东西。 代码结构如下 下面单独说几个难点 1、打包多页面，使用到的插件是h