Si ejecuta gulp, recibirá el siguiente mensaje de error.
¿Se requiere un módulo para gulpfile no instalado? ..
$ gulp [22:17:15] Failed to load external module ts-node/register [22:17:15] Failed to load external module typescript-node/register [22:17:15] Failed to load external module typescript-register [22:17:15] Failed to load external module typescript-require C:\project\interview\gulpfile.ts:1 (function (exports, require, module, __filename, __dirname) { import * as gulp f rom 'gulp'; ^^^^^^ SyntaxError: Unexpected token import at createScript (vm.js:56:10) at Object.runInThisContext (vm.js:97:10) at Module._compile (module.js:542:28) at Object.Module._extensions..js (module.js:579:10) at Module.load (module.js:487:32) at tryModuleLoad (module.js:446:12) at Function.Module._load (module.js:438:3) at Module.require (module.js:497:17) at require (internal/module.js:20:19) at Liftoff.handleArguments (C:\Users\admin\AppData\Roaming\npm\node_modules\gu lp\bin\gulp.js:116:3)Hay 3 cosas que debe hacer para que Gulp funcione con las importaciones de ES6:
Cambie el nombre de gulpfile.js a gulpfile.babel.js
Ejecute este comando:
npm i @babel/preset-env @babel/register -D.babelrc a la carpeta raíz de su proyecto con el siguiente código: { "presets": [ "@babel/preset-env" ] }Ahora debería poder utilizar las importaciones de ES6 en sus archivos Gulp.
Nota: si desea utilizar TypeScript en sus archivos Gulp, debe seguir los pasos que se describen aquí:
1) Cree un archivo ".babelrc" en su carpeta Projekt (donde también están todos sus otros archivos de configuración)
Código (.babelrc)
{ "presets": ["es2015"] }
2) Configure/Instale Babel en su NPM (consulte https://babeljs.io/setup ). P.ej. con nodo:
npm install babel-preset-env --save-dev