伴随着前端技术的发展，前端工程的重要性日益突出。前言：前端工程部分的面试题主要考察应试者对工程化的理解和应用，如何通过工程化提高代码质量，如何编译代码，如何优化代码；如何提高网站性能，保证网站安全，提高用户体验；如何按理想的方式发布和上线开发代码等。是的，有一些新技术(如EMAScript6、typescript、jsx、Less、Sass、Stylus等)是没有前端工程的。
1、谈谈你对WebPack的认识。
WebPack是一个模块打包工具，您可以使用WebPack来管理模块依赖性，并编译出模块需要的静态文件。通过打包Web开发中使用的HTML、JavaScript、CSS和各种静态文件(图片、字体等等)，它可以很好地进行管理，使开发过程更有效。WebPack具有用于不同类型资源的相应模块加载程序。该WebPackpackpacker将分析模块之间的依赖性，并最终生成优化的和合并的静态资源。
网络包有以下两个特点。
(1)裁剪代码(代码库)
(2)loader可以处理不同类型的静态文件，支持WebPack以CommonJS规范来编写代码，同时还提供了对AMD/CMD的全面支持，可以方便地向项目迁移代码。
Web包有require.js和browserify的功能，但是它也有许多它自己的新特性，
(1)实现了与CommonJS、AMD、ES6语法的兼容性。
(2)支持对资源文件进行打包，如JavaScript、CSS、图片等。
(3)模块加载程序和插件机制的串联，使之更加灵活和可扩展，例如为CoffeeScript、EMAScript6提供支持。
(4)webpack.config.js，有独立的个人资料。
(5)代码可以被切分成不同的块，实现按需加载，缩短初始化时间。
(6)SourceUrls和SourceMaps都得到支持，便于调试。
(7)具有强大的Plugin接口，大部分是内部插件，可以灵活地使用。
使用异步I/O，并且有多层缓存，这样WebPack的速度就快了，而且递增式编译也更快了。
2.您在使用WebPack的时候是做什么的？
用于压缩合并CSS和JavaScript代码，压缩图片，生成base64编码的小图，压缩大图，使用Babel编译EMAScript6，生成EMAScript5，热重载，本地刷新等等。用输出来配置出口文件，用入口文件来配置入口文件。
利用不同的loader来处理不同的资源，并将其解析为浏览器可运行的代码。
上面是为大家总结整理的面试题，一个简单的面试题不足以满足你学习的心情，那么点击下面的图片，免费领取面试题。
看多了，看少了，找面试题，又麻烦了，还不定对自己能力的提高有帮助，拿到一个综合面试题，对大家都有帮助。