谈谈你对Webpack的看法
1. Webpack是一个模块打包工具,可以使用它管理项目中的模块依赖,并编译输出模块所需的静态文件。
2. 它可以很好地管理、打包开发中所用到的HTML,CSS,JavaScript和静态文件(图片,字体)等,让开发更高效。
3. 对于不同类型的依赖,Webpack有对应的模块加载器,而且会分析模块间的依赖关系,最后合并生成优化的静态资源。
Webpack的基本功能有哪些?
1. 代码转换:TypeScript 编译成 JavaScript、SCSS 编译成 CSS 等等
2. 文件优化:压缩 JavaScript、CSS、HTML 代码,压缩合并图片等
3. 代码分割:提取多个页面的公共代码、提取首屏不需要执行部分的代码让其异步加载
4. 模块合并:在采用模块化的项目有很多模块和文件,需要构建功能把模块分类合并成一个文件
5. 自动刷新:监听本地源代码的变化,自动构建,刷新浏览器
6. 代码校验:在代码被提交到仓库前需要检测代码是否符合规范,以及单元测试是否通过
7. 自动发布:更新完代码后,自动构建出线上
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。