Webpack是一个强大的前端打包工具，适用于处理现代复杂的Web应用程序。它通过loaders解析不同类型的模块，如SASS、Vue和React，利用代码拆分实现按需加载。插件系统则提供了代码压缩和其他功能，使其适用于大型项目。然而，随着引入的模块增加，webpack的编译速度会变慢，导致首次加载时间延长，因此需要进行优化。对于是否使用webpack，应根据项目需求来决定，简单的项目可能不需要。本文介绍了webpack的基础入门，包括安装和基本配置。
webpack为何物！
简单点说：webpack只是一个打包工具，顺应时代产生的（如今还有一个也很火，叫做rollup），但是webpack具有一些传统打包工具所没有的亮点。
为什么说顺应时代，是因为前端这几年发展太快了。。前端的作用越来越突出，web快发展成webapp，SPA及hybird的大量应用，传统的开发模式及打包工具有相当多的局限。
webpack的构成及亮点
webpack主要由这么几部分组成：
- loaders – webpack的强大之处之一 ，sass ， vue ，react 什么都需要借助专用的加载器解析才能正确加载识别
- 代码拆分 – 所有引入的模块最终会给webpack分割成一个个的
chunk - 插件系统 – 代码压缩，第三方库的引入，让其变得灵活强大
亮点
- 可以把所有引入的东东当做模块来使用
- 依赖树管理（代码拆分成块来达到按需加载）
- 可以借助一些loader实现部分
Grunt/Gulp的工作
- SASS
- 图片base64的转化
- es6的转义
- 热加载
- 实时刷新
- css模块化等等…
- 适应大型项目
缺点
- 引入的东西越多，不仅打包出
最低0.47元/天 解锁文章
扫一扫
269
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
