【摘要】 webpack考必过小编为大家整理了关于webpack的信息,希望可以帮助到大家!
webpack
标签:转换加强根据putenvcom文件告诉推荐
1510489472 进行查询
url-loader依赖file-loader、、 必须先转file_uploader
url-loader把图片达成babel通过 VB 一提到肉肉如让热日如让热日如让热日の、pmitL做图片格式转换。如果大于, 用图片, 如果小于用base64, 对小体积的图片成型处理, 减少请求书
文件大小用url-loader处理
url-loader是file-loader加强版
image-loader做压缩的
outputPath / pubpcPath
babel 处理js转化成浏览器可以认识的
tc39精简了提案流程
es2020
stage-0:只是一个想法
stage-1:这个想法不错, 值得跟进
stage_2:尝试指定这个特性的规范,如何使用,放在那里?
stage_3:进入到候选名单,不会有太大的改变, 对外界发布一些信息,我们可能在下一个版本支持老汉
stage_4: 是确定的, 不可修改的
babel来进行语法转换的, 是需要通过预设机制,可以选择
env官方推荐,面向未来, 会成长,不需要我们关心当前需要转换的语法,已经发布的
stage-0
stage-1
flow
react
minify
typescript
@babel/parser装成ast
@babel/core把一段内容处理成另一端内容的api
@babel/generator:
@babel/helper
@babel/traverse: ast增删盖茶
babel7要加@
有些浏览器不支持es6+
垫片 polyfill->我们自己定义一套es6+新特性的语法库。
低版本浏览器引入了这个库, 就会解决这个问题
useBuildIns选项是babel7的新功能, 这个选项告诉Babel如何配置@babel/polyfill-
三个参数
1) entry 在wenpack入口impot @babel/polyfill, babel会根据你的使用情况引入垫片,没有使用的功能不会被导入相应的垫片
2) usage 不要import, 全自动检测, 但需要安装babel/polyfill--(试验阶段)
3) false 如果使用了Import @babel、polyfill, 不会排除掉没有使用的垫片,体积大
“dead”浏览器是指相对cover 99.5而言, 2年内不维护的
browserpst是交集的关系
babel支持到某个浏览器, 只需要表明就行了
core-js、、babel-core默认是babel.js2 7.4后, 推荐corejs/stable
regenration-runtime/runtime
react技术栈
babel/preset-react开发依赖
插件是构建在整个webpack构建过程 生命周期, 生命周期狗子
tap
hook compile是同步的
loadeer自下而上, 自右向左
babel/polyfill -》 在7之后依赖corejs 2, regenetaeion-tuntimr/runtime/推荐安装后者
core-js3有flat/include
webpack
标签:转换加强根据putenvcom文件告诉推荐
以上就是webpack的内容,更多资讯请及时关注考必过网站,最新消息小编会第一时间发布,大家考试加油!