vue babel
vue中如何安装babel?一起了解一下吧!
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的文件,写入
{ "presets": ["@babel/preset-env"]}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命令
以上就是小编收集整理出来的,望能够帮助到大家。
-
MINI怎么拆方向盘气囊
MINI方向盘气囊拆法,方向盘侧面有2个小螺丝孔,孔里有一个卡簧,用一字螺丝顶进去,安全气囊就能拆下来。气囊作为车身被动安全性的辅助配置,相对于安全带,安全气囊只是一个辅助保护...
问答查看全文>> -
艾瑞泽5换灯泡告诉程
大多数来说,假如觉得自己技术不到位的话,提倡小伙伴们去4s店换相当好,假如是自己换的话先拧下车灯盖,要注意因车型的不同拆卸车灯盖的办法会有细微差别。然后用力拔下带电源线的灯座,...
问答查看全文>> -
19款领动变速箱怎么样?
19款领动变速箱挺好的,整车的配置也不错:1、领动采用现代家族式设计,六边形横幅格栅搭配犀利的灯组设计,搭载1.4T和1.6L两种发动机,其中1.4T版本的匹配了7挡双离合变速...
问答查看全文>> -
皓影主动刹车怎么用?
皓影主动刹车使用方法:1、主动刹车在紧急刹车状态起作用。主动刹车是在ABS的基础上发展而来,也就是制动辅助系统BAS,它是通过监测驾驶员踩下刹车的力度以及速度来判定是不是要进入...
问答查看全文>>
推荐
- 1润滑系统保养多长?160
- 2新帕萨特怎么看烧机油436
- 3探界者投诉最多的是什么原因464
- 4车窗贴膜的好处183
- 5北汽新能源ex360最高时速是多少219
- 6现代领动发动机启停怎么关闭330
- 7情感扎心短语伤感语录 情感扎心另类语录109
- 8fpace是进口还是国产?492