位置: IT常识 - 正文

vue babel(vue babel plugin import 自定义组件)

编辑:rootadmin

vue中如何安装babel?一起了解一下吧!
613/auto1686643680vue babel(vue babel plugin import 自定义组件)

Babel 是一个工具链,主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其他环境中。vue项目中普遍使用es6语法,但有时我们的项目需要兼容低版本浏览器,这时就需要引入babel插件,将es6转成es5。

安装babel的具体步骤如下:

1.先安装node.js

2.安装依赖包

npm install --save-dev @babel/core @babel/cli

如果说提示babel不是命令,可以全局安装npm install --global @babel/core @babel/cli

3.运行babel src -d lib

或者在package.json中配置scripts属性,添加一个属性build:“babel src -d lib”,运行npm run build

4.想要语法进行转换,得指定从哪种语法转哪种语法,所以需要安装语法转换器插件

npm install --save-dev @babel/preset-env

5.配置babel

创建一个.babelrc的文件,写入

6.运行npm run build 或者babel src -d lib

7.转换后的语法就可以在服务器nodejs环境下使用

8.如果想要转换后的代码在服务器和浏览器都能使用,需要安装babel插件@babel/plugintransform-modules-umdnpm install --save-dev @babel/plugin-transform-modules-umd

9.在.babelrc中添加"plugins": ["@babel/plugin-transform-modules-umd"] //在babel进行模块化转换的时候使用这个插件

10.运行npm run build 或者babel src -d lib

11.编译过后就可以在浏览器中或者服务器nodejs环境下使用编译过后的js

浏览器中:需要requirejs

服务器中:需要运行node **.js命令

以上就是小编收集整理出来的,望能够帮助到大家。

本文链接地址:https://www.jiuchutong.com/zhishi/2793.html 转载请保留说明!

上一篇:python 遍历列表(python 遍历列表中特定数据)

下一篇:javascript function(javascript function 对象)

  • 腾讯视频分屏设置在哪里(腾讯视频怎么分屏看电视)

    腾讯视频分屏设置在哪里(腾讯视频怎么分屏看电视)

  • 充电线变黄了是什么原因(充电线 发黄)

    充电线变黄了是什么原因(充电线 发黄)

  • qq我的音乐盒干嘛的(qq中我的音乐盒)

    qq我的音乐盒干嘛的(qq中我的音乐盒)

  • 点红心在快手啥意思(快手里点红心什么意思)

    点红心在快手啥意思(快手里点红心什么意思)

  • 苹果最大内存多少g(iphone最大内存是多少)

    苹果最大内存多少g(iphone最大内存是多少)

  • 闲鱼不发货多久自动取消订单(闲鱼不发货多久自动退货)

    闲鱼不发货多久自动取消订单(闲鱼不发货多久自动退货)

  • 苹果屏幕镜像没有反应(苹果屏幕镜像没有画面)

    苹果屏幕镜像没有反应(苹果屏幕镜像没有画面)

  • cam-al00是什么型号(cam—al00)

    cam-al00是什么型号(cam—al00)

  • 钉钉考勤机使用教程(钉钉考勤机使用后反应慢了)

    钉钉考勤机使用教程(钉钉考勤机使用后反应慢了)

  • 恢复网速发什么到10086(恢复网速发什么短信给10086)

    恢复网速发什么到10086(恢复网速发什么短信给10086)

  • ospf是什么(ospf是什么算法)

    ospf是什么(ospf是什么算法)

  • 导航卡和内存卡一样吗(汽车的导航卡和内存卡的区别是什么?)

    导航卡和内存卡一样吗(汽车的导航卡和内存卡的区别是什么?)

  • lldal10什么型号荣耀(lldal10华为是什么型号)

    lldal10什么型号荣耀(lldal10华为是什么型号)

  • ort测试是什么意思(ort test)

    ort测试是什么意思(ort test)

  • 酷我怎么录歌(酷我音乐录音)

    酷我怎么录歌(酷我音乐录音)

  • 手机开机特别慢怎么办(手机无法开机是什么原因)

    手机开机特别慢怎么办(手机无法开机是什么原因)

  • 滴滴如何修改行程目的地(滴滴如何修改行程单)

    滴滴如何修改行程目的地(滴滴如何修改行程单)

  • 古代爱国的人物故事(古代爱国的人物素材)

    古代爱国的人物故事(古代爱国的人物素材)

  • 中征码怎么查询(工商银行中征码怎么查询)

    中征码怎么查询(工商银行中征码怎么查询)

  • 美团众包怎么上传健康证(美团众包怎么上传健康证传上去?)

    美团众包怎么上传健康证(美团众包怎么上传健康证传上去?)

  • qq飞车手游文件数据丢失怎么办(qq飞车手游文件夹)

    qq飞车手游文件数据丢失怎么办(qq飞车手游文件夹)

  • 苹果无线耳机为什么只有一个有声音(苹果无线耳机为什么连接不上手机)

    苹果无线耳机为什么只有一个有声音(苹果无线耳机为什么连接不上手机)

  • 手机软件安装包在哪里(手机软件安装包在哪找到)

    手机软件安装包在哪里(手机软件安装包在哪找到)

  • 苹果x描述文件在哪里(苹果X描述文件怎么安装)

    苹果x描述文件在哪里(苹果X描述文件怎么安装)

  • 电脑网络连接不上wifi(电脑网络连接不可用显示红叉)

    电脑网络连接不上wifi(电脑网络连接不可用显示红叉)

  • 苹果x系统占用内存太大怎么办(苹果X系统占用内存太大怎么办)

    苹果x系统占用内存太大怎么办(苹果X系统占用内存太大怎么办)

  • 商贸企业辅导期是什么
  • 增值税为10%的有哪些
  • 应税销售收入是指什么
  • 一般计税方法是全额计税吗
  • 简易计税是什么意思?
  • 研发费用直接计入成本吗
  • 取用备用金要188分
  • 以前年度亏损弥补会计分录
  • 增值税一般纳税人是什么意思
  • 商业企业销售的商品遭受损失的赔偿依据
  • 折扣销售指
  • 设备税款
  • 材料成本和加工费含税吗
  • 所有的固定资产都需要计提折旧吗
  • 怎么去税务局报账流程
  • 实收资本印花税减免税优惠政策2019
  • 2018营改增房产税计税依据
  • 工资表是放在计提还是发放
  • 其他收益等于什么
  • 研发企业税率
  • 高速公路过路费税率是多少
  • 建筑工程总包分包的内容
  • Linux系统怎么调整屏幕亮度
  • 电脑休眠和睡眠什么差别
  • 如何不同版本复制粘贴
  • 为什么wifi有信号没网络
  • 农业公司收到项目资金
  • 怎么修改以前年度的账
  • key是什么文档
  • 手机短信是哪一年开始的
  • 房地产开发企业涉及哪些税
  • 建筑业的账务处理办法
  • php标识符
  • 分公司与总公司不在一个城市如何起诉
  • 损益类账户的期末余额一般在借方还是贷方
  • 利用的拼音
  • 门诊部需要药品经营许可证吗
  • 结转工资费用
  • 建筑修缮服务税率
  • nerf 入门
  • python random random
  • 个人提供劳务需要开发票吗
  • 本月确认收入 发票下月开
  • 固定资产报废计入资产处置损益吗
  • 公司个人借款如何做账
  • 小企业会计准则适用于哪些企业
  • 认证已过期请重新登录
  • 企业利润分配的内容
  • 增值税附加税包括哪些税种及税率
  • 持有至到期投资是债权投资吗
  • 固定资产基本特点
  • 个体工商户所得税率
  • 留抵税额抵减欠税滞纳金
  • 出口退税免抵退税额要交城建税吗
  • 国债利息收入企业所得税调增
  • 固定资产折旧成本票据类型
  • 季度现金流量表本期数和上期数
  • 待处理财产损益是备抵类科目吗
  • sqlserver表类型
  • 史上最简单的飞镖
  • 把winpe安装至系统盘
  • Win8系统筛选器Smartscreen阻止恶意程序运行
  • ubuntu21.04中文
  • centos7 network
  • linux基本使用
  • windows 8.1更新
  • win10周年更新版是什么意思
  • win8应用错误怎么办
  • win8.1 下 eclipse+android 开发环境配置带图详细教程
  • unity3d Human skin real time rendering plus 真实模拟人皮实时渲染 plus篇
  • nodejs mysql库
  • nodejs常用内置模块
  • jquery foreach循环
  • 如何使用jquery设置一个属性值
  • 详解js跨域原理是什么
  • A级纳税人和一般纳税人区别
  • 国家税务局总局河南官网
  • 新疆税务局网站官网首页
  • 代理运输服务费和运费的区别
  • 土地税是怎么缴纳按什么缴纳
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设