- 综合排序
- 最热优先
- 最新优先
- 来自专栏FECoding
babel-register 和 babel-node 的使用
Babel 6 中 babel-register 和 babel-node 两个模块是开发时非常好用的转码工具。 先来看一下如何使用： 1. babel-register 安装：npm install babel-register 作用：babel-register 实际上为require加了一个钩子（hook ; //register.js require("babel-register"); require(". 使用局限 尽管 babel-register 和 babel-node 都非常好用，但是由于二者都是实时转码，因而性能上会有一定影响。官方建议将二者仅置于开发环境下使用。
2.8K20发布于 2019-04-24 - 来自专栏jianhuicode
简单使用babel
四、babel-register babel-register模块改写require命令，为它加上一个钩子。 $ npm install --save-dev babel-register 使用时，必须首先加载babel-register。 require("babel-register"); require("./index.js"); 然后，就不需要手动对index.js转码了。 需要注意的是，babel-register只会对require命令加载的文件转码，而不会对当前文件转码。另外，由于它是实时转码，所以只适合在开发环境使用。
98090发布于 2018-01-15 - 来自专栏京程一灯
基于 Babel 的 npm 包的最小化设置 [每日前端夜话0x2F]
devDependencies": { 2 "babel-cli": "^6.24.1", 3 "ava": "^0.21.0", 4 "babel-preset-env": "^1.5.1", 5 "babel-register babel-register 让 AVA 通过 Babel 执行测试。 babel-preset-env 是 Babel 用于转换的预设。 1"main": ". targets": { 7 "node": "current" 8 } 9 } 10 ] 11 ] 12}, 配置 AVA 对于 AVA，我们需要 babel-register 1"ava": { 2 "require": [ 3 "babel-register" 4 ], 5 "babel": "inherit" 6} 5 结论 以上是通过 Babel 创建 npm
1K40发布于 2019-03-27 - 来自专栏海仔技术驿站
Express 中间件
] } 第四步（从第四步开始，前三部必不可少）： babel-cli：命令行转码 babel-node：babel-cli工具自带一个babel-node命令，提供一个支持ES6的REPL环境 babel-register babel-cli": "^6.22.2", "babel-preset-es2015": "^6.22.0", "babel-preset-react": "^6.22.0" } } babel-register （适合开发阶段，实时编码转换）: 第一：安装 babel-register npm install --save-dev babel-register 第二：添加一个傀儡文件(main.js)： require ('babel-register') require('你的核心功能代码入口文件模块') 第三：使用 node 执行 main.js，而不是你的入口文件.
1.1K20发布于 2021-05-11 - 来自专栏前端黑板报
快速搭建可用于实战的koa2+mongodb框架
各种工具类 3.代码实现 koa的项目中引用文件都是采用require，对于习惯了使用import关键字的小伙伴可以这样解决：在项目中引入babel-plugin-add-module-exports与babel-register npm install babel-plugin-add-module-exports babel-register --save-dev 并在根目录下创建一个.babelrc的文件 { "presets ": ["es2015", "stage-3"], "plugins": ["add-module-exports"] } 并在入口文件中require('babel-register') 3.1
1.9K40发布于 2019-03-08 - 来自专栏FECoding
Babel 6 特性总结
babel-cli usage: babel app.js command: -o --out-file -d --out-dir -w --watch --source-maps babel-register ; //register.js require("babel-register"); require(".
55320发布于 2019-04-25 - 来自专栏阮一峰的网络日志
Babel 入门教程
四、babel-register babel-register模块改写require命令，为它加上一个钩子。 $ npm install --save-dev babel-register 使用时，必须首先加载babel-register。 require("babel-register"); require("./index.js"); 然后，就不需要手动对index.js转码了。 需要注意的是，babel-register只会对require命令加载的文件转码，而不会对当前文件转码。另外，由于它是实时转码，所以只适合在开发环境使用。
1.2K50发布于 2018-04-12 - 来自专栏前端逗逗飞
深入了解Babel
babel-register 运行Babel的下一个最常见的方法是通过 babel-register 。通过此选项，您仅需要文件即可运行 Babel，这可能会更好地与您的设置集成。 因此，我们需要先设置 babel-register 。 首先安装 babel-register 。 npm install --save-dev babel-register 接下来，在项目中创建一个 register.js 文件，并编写以下代码： require("babel-register") require("babel-register"); // not compiled: console.log("Hello world!")
92130发布于 2021-04-30 - 来自专栏Nodejs技术栈
你想知道的关于 Babel 及其相关工具使用都在这里了！
目录 引言 配置 Babel 环境 babel-cli 在项目内部运行 Babel CLI babel-register babel-node babel-core 配置 Babel .babelrc babel-register 运行Babel的下一个最常见的方法是通过 babel-register 。通过此选项，您仅需要文件即可运行 Babel，这可能会更好地与您的设置集成。 因此，我们需要先设置 babel-register 。 首先安装 babel-register 。 $ npm install --save-dev babel-register 接下来，在项目中创建一个 register.js 文件，并编写以下代码： require("babel-register require("babel-register"); // not compiled: console.log("Hello world!")
1.2K30发布于 2021-01-27 - 来自专栏前端自习课
【Web技术】848- 超棒的 Babel 上手指南
目录 引言 配置 Babel 环境 babel-cli 在项目内部运行 Babel CLI babel-register babel-node babel-core 配置 Babel .babelrc babel-register 运行Babel的下一个最常见的方法是通过 babel-register 。通过此选项，您仅需要文件即可运行 Babel，这可能会更好地与您的设置集成。 因此，我们需要先设置 babel-register 。 首先安装 babel-register 。 $ npm install --save-dev babel-register 接下来，在项目中创建一个 register.js 文件，并编写以下代码： require("babel-register require("babel-register"); // not compiled: console.log("Hello world!")
71530发布于 2021-01-28 - 来自专栏一个会写诗的程序员的博客
Node.js 中使用 ES6 中的 import / export 的方法大全
新特性，不过截止 2018.8.10，How To Enable ES6 Imports in Node.JS 仍然是老大难问题 借助 Babel 1.下载必须的包 npm install babel-register 1.安装依赖 npm install babel-register babel-preset-env --D package.json { "name": "hell-node", "version , "author": "", "license": "ISC", "devDependencies": { "babel-preset-env": "^1.7.0", "babel-register ": "^6.26.0" } } 2.写处理启动脚本 es6_const_let_babel_demo_start.js require('babel-register') ({ presets 借助 Babel 1.下载必须的包 npm install babel-register babel-preset-env --D 修改你的 server.js 下面是一个 server.js 的例子
5.6K20发布于 2018-12-06 - 来自专栏京程一灯
为ES6配置JavaScript测试工具
npm install --save babel babel-polyfill 如果你打算测试Node.js代码, 你还需要安装babel-register。 npm install --save babel-register 你可能还要安装你需要的Babel presets，比如es2015和react。 Mocha 在Node.js环境中你所要做的只是在执行Mocha时传入正确的参数： mocha --compilers js:babel-register --require babel-polyfill 整个命令对于手工输入来说有些太长了，你可以把它作为一个npm script加入到package.json中： "scripts": { "test": "mocha --compilers js:babel-register 如果你希望从其它目录加载，你需要指定加载目录： mocha --compilers js:babel-register --require babel-polyfill --recursive path
4.1K20发布于 2019-03-27 - 来自专栏全栈程序员必看
构建vscode的vue组件代码补全插件以及上传
component); 复制代码 执行 node snippetDemo.js，第一个问题出现了 node对ES6是部分支持的，在node环境中并不支持ES6模块，这个很容易可以找到解决方案，这边用的是babel-register ，安装后直接require(“babel-register”)。 引入将刚写的这个模块试用一下 require("babel-register"); require("vue-register").register(); const component = require 到此给require添加钩子实现动态编译vue文件的功能已经完成了，babel-register也是用了这种方式使得require文件时动态使用babel编译。
1.9K20编辑于 2022-07-21 - 来自专栏静默虚空的博客
Babel 入门指南
script.js" }, "devDependencies": { "babel-cli": "^6.0.0" }, } 然后，执行命令： $ npm run babel-node babel-register 下一个常用的运行 Babel 的方法是通过 babel-register。 安装 $ npm install --save-dev babel-register 使用 创建 index.js 文件： console.log("Hello world!") 所以我们需要设置 babel-register。. 创建 register.js 文件： require("babel-register"); require(".
1.9K50发布于 2018-01-05 - 来自专栏一个会写诗的程序员的博客
React 测试驱动教程
那么我们需要安装 babel-register： npm i babel-register --save-dev 加一些 npm scripts 到 package.json 中，让测试更简单： # . /package.json ... rest of package.json "scripts": { "test": "mocha --compilers js:babel-register -port 3000 --devtool eval --progress --colors --hot --content-base dist", }, 我们的测试脚本要运行 mocha，并使用 babel-register /test/test_helper.js 来声明： # package.json script section "test": "mocha --compilers js:babel-register karma.config.js", "test:dev": "npm run test -- --watch", "old_test": "mocha --compilers js:babel-register
5.3K20发布于 2018-08-17 - 来自专栏jiajia_deng
ES6 学习笔记之部署运行环境
图片 现在的环境足够我们学习一些基础语法了，你可以根据书中的资料进一步安装其他支持库，比如 babel-register 等。
27240编辑于 2023-10-21 - 来自专栏进击的Coder
腾讯云主机上测试BootStrap4编译FlexBox
引入一些包 "devDependencies": { "babel-core": "^6.3.26", "babel-preset-es2015": "^6.16.0", "babel-register MIT", "devDependencies": { "babel-core": "^6.3.26", "babel-preset-es2015": "^6.16.0", "babel-register default', ['clean'], () => { gulp.start('build'); }); 最后执行下gulp [18:46:38] Requiring external module babel-register
2.6K00发布于 2017-03-30 - 来自专栏向治洪
ECMAScript 6 入门简介
babel-register babel-register模块改写require命令，为它加上一个钩子。 $ npm install --save-dev babel-register 使用时，必须首先加载babel-register。 require("babel-register"); require("./index.js"); 然后，就不需要手动对index.js转码了。 需要注意的是，babel-register只会对require命令加载的文件转码，而不会对当前文件转码。另外，由于它是实时转码，所以只适合在开发环境使用。
1.7K70发布于 2018-02-05 - 来自专栏React前端
2020年手工webpack构建react项目，完美支持ssr，包括css和图片资源
path from 'path'; import { renderToString } from 'react-dom/server'; //https://www.babeljs.cn/docs/babel-register Babel进行转码：http://www.ruanyifeng.com/blog/2016/01/babel.html renderReact.js为主要服务端路由配置，为什么要分开的原因上一篇文章也提过了babel-register
2K50发布于 2020-07-29 - 来自专栏jiajia_deng
ES6 学习笔记之部署运行环境
现在的环境足够我们学习一些基础语法了，你可以根据书中的资料进一步安装其他支持库，比如 babel-register 等。
74020发布于 2020-01-05
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号