没有合适的资源?快使用搜索试试~ 我知道了~
n 我们来对上面的解释进行拆解:p打包bundler:webpack可以将帮助我们进行打包,所以它是一个打包工具p静态的static:这样表述的原因是我们最终可
资源详情
资源评论
资源推荐
Webpack基础打包
王红元 coderwhy
coderwhy
n 事实上随着前端的快速发展,目前前端的开发已经变的越来越复杂了:
p 比如开发过程中我们需要通过模块化的方式来开发;
p 比如也会使用一些高级的特性来加快我们的开发效率或者安全性,比如通过ES6+、TypeScript开发脚本逻辑,
通过sass、less等方式来编写css样式代码;
p 比如开发过程中,我们还希望实时的监听文件的变化来并且反映到浏览器上,提高开发的效率;
p 比如开发完成后我们还需要将代码进行压缩、合并以及其他相关的优化;
p 等等….
n 但是对于很多的前端开发者来说,并不需要思考这些问题,日常的开发中根本就没有面临这些问题:
p 这是因为目前前端开发我们通常都会直接使用三大框架来开发:Vue、React、Angular;
p 但是事实上,这三大框架的创建过程我们都是借助于脚手架(CLI)的;
p 事实上Vue-CLI、create-react-app、Angular-CLI都是基于webpack来帮助我们支持模块化、less、
TypeScript、打包优化等的;
认识webpack
coderwhy
n 事实上我们上面提到的所有脚手架都是依赖于webpack的:
脚手架依赖webpack
coderwhy
n 我们先来看一下官方的解释:
n webpack是一个静态的模块化打包工具,为现代的JavaScript应用程序;
n 我们来对上面的解释进行拆解:
p 打包bundler:webpack可以将帮助我们进行打包,所以它是一个打包工具
p 静态的static:这样表述的原因是我们最终可以将代码打包成最终的静态资源(部署到静态服务器);
p 模块化module:webpack默认支持各种模块化开发,ES Module、CommonJS、AMD等;
p 现代的modern:我们前端说过,正是因为现代前端开发面临各种各样的问题,才催生了webpack的出现和发
展;
Webpack到底是什么呢?
webpack is a static module bundler for modern JavaScript applications.
coderwhy
Webpack官方的图片
剩余28页未读,继续阅读
西门镜湖
- 粉丝: 24
- 资源: 296
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 连接Redis服务器 在使用Redis之前,首先需要使用redis-cli工具连接到Redis服务器 redis-cli是Re
- 连接Redis服务器 在使用Redis之前,首先需要使用redis-cli工具连接到Redis服务器 redis-cli是Red
- 连接Redis服务器 在使用Redis之前,首先需要使用redis-cli工具连接到Redis服务器 redis-cli是Red
- redis命令实践 详细教程
- redis命令实践 详细教程
- redis命令实践 详细教程
- redis命令实践 详细教程
- redis命令实践 详细教程
- redis命令实践 详细教程
- cadvisor.tar 容器镜像,可以监控容器
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0