打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
es7如何跑起来装饰器

今天学习es7新特性装饰器时,代码提示语法错误,babel照着以前的方法转码也不成功,故写下此文谈谈如何解决

大致步骤如下:
1.安装babel转码工具
2.安装第三方插件,用于支持decorators
3.配置jsconfig.json解决vscode提示语法错误
4.babel打包成功运行

注:我这里没有配置.babelrc文件

1,2.npm install babel-cli babel-plugin-transform-decorators-legacy babel-register --save-dev

3.jsconfig.json

{
    "compilerOptions": {
        "experimentalDecorators": true
    }
}

4.package.json

{
  "name": "test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "babel --plugins transform-decorators-legacy src -d lib"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-plugin-transform-decorators-legacy": "^1.3.5",
    "babel-register": "^6.26.0"
  },
  "dependencies": {
    "babel-cli": "^6.26.0"
  }
}

最后执行打包命令:npm run build,即可成功打包代码,并且可在node环境下运行

运行也可使用require,不过还是建议使用上面那种

require('babel-register')({
    plugins: ['transform-decorators-legacy']
});
require("./input.js")
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
javascript – 语法错误 – 目前尚未启用对实验语法’decorators-legacy’的支持
不容错过的 Babel7 知识
实用程序包utils - 基于Rollup打包输出各模块文件(二)
入门Webpack,看这篇就够了
webpack2 项目
分享 9 条 Webpack 优化策略
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服