• webpack


    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

  • 相关阅读:
    升级安装 Ubuntu 后该做的20项优化工作
    Delphi中点击DBGrid某一行获得其详细数据方法
    android eclipse xml不自动代码提示
    区别不同浏览器,CSS hack写法
    自我介绍
    秋季学期学习总结
    人生路上影响最大的三位老师
    SQL优化34条
    Visual Studio 2010将支持多种架构设计图
    Visual Studio 2010的SharePoint工作流功能
  • 原文地址:https://www.cnblogs.com/connie313/p/13585796.html
Copyright © 2020-2023  润新知