webpack配置

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

4.1 es6转es5

浏览 121 扫码 分享 2023-11-22 15:27:50
  • babel安装
  • webpack配置

    这一章节的代码位于 04_js_module

    babel安装

    • 文档 https://webpack.js.org/loaders/babel-loader/#root
    • 需要的插件 babel-loader @babel/core @babel/preset-env
    • 安装: yarn add babel-loader @babel/core @babel/preset-env -D

    webpack配置

    • 配置babel-loader
    • image.png
    • 写点es6代码, 然后运行 npm run dev
    • image.png image.png
    • 确实转成了es5代码

    若有收获,就点个赞吧

    0 人点赞

    上一篇:
    下一篇:
    • 书签
    • 添加书签 移除书签
    • 01 基础配置
      • 1.1 webpack基本配置
      • 1.2 初步分析打包后的代码
    • 02 添加本地服务器和html插件
      • 2.1 添加本地服务器
      • 2.2 添加html插件
    • 03 样式处理
      • 3.1 css 配置及插件引入
      • 3.2 loader的配置
      • 3.3 css 预处理器loader
      • 3.4 抽离css
      • 3.5 添加浏览器前缀
      • 3.6 压缩css
    • 04 js模块处理
      • 4.1 es6转es5
      • 4.2 类属性和装饰器转es5
      • 4.3 runtime和polyfill转化
      • 4.4 eslint校验
      • 4.5 引入全局变量
    • 05 文件打包
      • 5.1 打包图片
      • 5.2 打包后的文件分类
    • 06 打包相关配置
      • 6.1 打包多页应用
      • 6.2 source-map配置
      • 6.3 自动打包实体文件
      • 6.4 自动清除打包目录
      • 6.5 打包额外的文件
      • 6.6 配置打包文件头部信息
    • 07 跨域配置
      • 7.1 从服务端获取数据的跨域配置
      • 7.2 mock数据
      • 7.3 从服务端启动webpack
    • 08 路径和环境配置
      • 8.1 resolve优化路径
      • 8.2 不同环境的区分
    • 09 优化
      • 9.1 noParse避免解析
      • 9.2 忽略第三方包多余的模块
      • 9.3 动态链接库
      • 9.4 多线程打包
      • 9.5 webpack自带优化
      • 9.6 多页面抽离公共代码, 第三方代码抽离
      • 9.7 懒加载
      • 9.8 热更新
    • 10 源码解读
      • 10.1 tapable
      • 10.2 tapable中的同步钩子
      • 10.3 tapable中的异步钩子
    暂无相关搜索结果!

      让时间为你证明

      展开/收起文章目录

      分享,让知识传承更久远

      文章二维码

      手机扫一扫,轻松掌上读

      文档下载

      请下载您需要的格式的文档,随时随地,享受汲取知识的乐趣!
      PDF文档 EPUB文档 MOBI文档

      书签列表

        阅读记录

        阅读进度: 0.00% ( 0/0 ) 重置阅读进度

          思维导图备注