位置: 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 对象)

  • 小规模纳税人取得增值税
  • 增值税发票上数量与单价
  • 土地使用权转让是什么意思
  • 固定资产计提折旧计入什么科目
  • 劳务工报价单
  • 工程管理服务属于哪个国标行业
  • 预算会计无偿调拨净资产
  • 增值税现代服务业6大行业
  • 医院都需要交什么税
  • 金蝶怎么反结账上月的凭证
  • 国税地税电子钥匙价格
  • 公司业务章需要报备吗
  • 旅游开发行业的会计怎么做
  • 微商怎么收税
  • 救护车能随便买吗
  • 自然灾害造成的房屋损失怎么处理
  • 其他收益是否需缴税
  • 营改增后哪些费用可以抵扣
  • 预付款属于什么结算方式
  • 双倍余额递减法考虑净残值吗
  • 年薪制有什么好处
  • 个人去税务局开居间费发票
  • 小规模纳税人文化事业建设费减免政策
  • 购入固定资产税费怎么算
  • 小规模纳税人交企业所得税吗
  • 企业可以采用在产品按固定成本计算法的有
  • 生产成本的工料有哪些
  • 收到别公司利息怎么记账
  • 收到工程结算单,怎么回复不认可
  • 银行手续费扣除比例
  • 扣发工资可以要赔偿吗
  • 电脑中病毒有什么危害
  • php中提交表单数据
  • 土地出让金土地使用税
  • 怎么关闭磁贴模式
  • w11怎么创建快捷方式
  • 金融资产的会计处理方法
  • 迁徙的季节主要从哪几个方面写秋天的景物
  • 利润表本月数可以不填吗
  • html/css/javascript
  • 待抵扣进项税额的账务处理
  • 公司给员工交社保是怎么交的
  • SQL SERVER 2008 CTE生成结点的FullPath
  • 银行存款出现负数怎么办
  • 农产品进项税额抵扣范围
  • 项目差旅费可以直接入成本吗
  • 企业之间利息收入开票吗
  • 计提福利费的会计分录
  • 销售费用专票能抵扣吗
  • 开出咨询费发票应该注册什么企业?
  • 一般纳税人废品行业有哪些
  • 废旧物资收购发票政策2018
  • 公司股权变更所需资金
  • 以前年度会计科目记错
  • mysql读写分离实现原理
  • 关闭空闲的ide通知怎么写
  • windows7中ie浏览器怎么打开
  • win10系统打不开jpg图片
  • mac字体发虚解决办法
  • linux GTK、KDE、Gnome、XWindows 图形界面区别介绍
  • apache2 rewrite
  • cocos2dx游戏案例
  • node.js的安装方法
  • node.js文件流
  • nodejs mysql库
  • android自定义组件开发详解
  • android 子线程间通信
  • 初步了解的英文
  • JavaScript Math.ceil 方法(对数值向上取整)
  • html中meta
  • jq倒计时代码
  • 谈谈我对中国传统文化的理解
  • 面向对象的编程语言更适合大规模编程
  • 安卓音频分析软件
  • 税务局分局副局长什么级别的干部
  • 重庆市国税12366
  • 电子税务局税务数字证书登录
  • 广西定额发票查询入口官网
  • 跨省开税票
  • 个人所得税app密码给别人有风险吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设