webpack

标签：转换   加强   根据   put   env   com   文件   告诉   推荐   

1510489472 进行查询
url-loader依赖file-loader、、 必须先转file_uploader
url-loader把图片达成babel通过 VB 一提到肉肉如让热日如让热日如让热日の、limitL做图片格式转换。如果大于， 用图片， 如果小于用base64, 对小体积的图片成型处理， 减少请求书
文件大小用url-loader处理
url-loader是file-loader加强版
image-loader做压缩的
outputPath / publicPath

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年内不维护的
browserlist是交集的关系
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

标签：转换   加强   根据   put   env   com   文件   告诉   推荐   

原文地址：https://www.cnblogs.com/connie313/p/13585796.html