Angular CLI和Webpack是两个与前端开发相关的工具。
Angular CLI是一个命令行工具,用于快速创建、构建和管理Angular项目。它提供了一系列的命令,可以帮助开发者快速生成组件、服务、模块等Angular的基本结构,并且可以自动化地构建、测试和部署应用程序。
Webpack是一个模块打包工具,它可以将多个模块的代码打包成一个或多个文件,以便在浏览器中加载。它支持各种前端资源的处理和优化,例如JavaScript、CSS、图片等。Webpack还具有强大的插件系统,可以通过插件来扩展其功能。
在Angular开发中,Angular CLI和Webpack通常是一起使用的。Angular CLI使用Webpack来构建和打包Angular应用程序。当我们使用Angular CLI的命令进行构建时,它会自动调用Webpack来执行打包操作。
关于问题中的"不是用build刷新执行代码吗?",可以理解为对Angular CLI和Webpack的热更新功能的疑问。热更新是指在开发过程中,当我们修改了代码后,不需要手动刷新浏览器,Webpack会自动将修改后的代码注入到浏览器中,以实现实时预览效果。
在Angular CLI中,默认情况下是开启了热更新功能的。当我们使用ng serve
命令启动开发服务器时,Angular CLI会监测文件的变化,并且在保存文件后自动重新构建和刷新浏览器。这样可以提高开发效率,省去了手动刷新浏览器的步骤。
总结起来,Angular CLI和Webpack是前端开发中常用的工具,Angular CLI用于快速创建和管理Angular项目,而Webpack用于打包和优化前端资源。它们可以配合使用,通过热更新功能提高开发效率。
领取专属 10元无门槛券
手把手带您无忧上云