Javascript 为什么Gulp没有传输我的ES6代码就结束了?
我有一个文件夹,其中包含一些用ES2015之前的JavaScript编写的Javascript 为什么Gulp没有传输我的ES6代码就结束了?,javascript,gulp,babeljs,Javascript,Gulp,Babeljs,我有一个文件夹,其中包含一些用ES2015之前的JavaScript编写的.js文件,以及相应的gulpfile.js,用于编译我的代码。现在,我正在尝试添加babel,以便可以开始在ES6中编写代码 在安装了我认为需要的npm包并运行了gulp之后,它完成了编译,没有任何问题,但我的ES6代码没有被传输(即,const没有变成var,编译代码中仍然存在箭头函数) 我所尝试的: { "name": "SA", "version": "2.0.0",
.js
文件,以及相应的gulpfile.js
,用于编译我的代码。现在,我正在尝试添加babel,以便可以开始在ES6中编写代码
在安装了我认为需要的npm包并运行了gulp之后,它完成了编译,没有任何问题,但我的ES6代码没有被传输(即,const
没有变成var
,编译代码中仍然存在箭头函数)
我所尝试的:
{
"name": "SA",
"version": "2.0.0",
"description": "my SA code",
"devDependencies": {
"babel-core": "^6.26.3",
"babel-eslint": "^7.2.3",
"babel-polyfill": "^6.26.0",
"babel-preset-env": "^1.7.0",
"del": "^2.2.2",
"eslint": "^3.19.0",
"gulp": "^4.0.2",
"gulp-babel": "^7.0.1",
"gulp-concat": "^2.6.1",
"gulp-jscs": "^4.1.0",
"gulp-jscs-stylish": "^1.4.0",
"gulp-jshint": "^2.1.0",
"gulp-rename": "^1.2.2",
"gulp-uglify": "^3.0.2",
"jshint": "^2.9.5",
"jshint-stylish": "^2.2.1"
},
"main": "SA",
"dependencies": {
"@babel/preset-env": "^7.6.3",
"lodash": "^4.17.15"
},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"repository": {
"type": "git",
"url": "[github URL]"
},
"keywords": []
}
在gulpfile.js中,我尝试了几个不同的预设选项值--['es2015']
,['babel-preset-es2015']
,以及['babel-preset-env']
但有两件事会发生:1。一口气喝完,没有错误,2。返回消息无法找到与目录相关的预设“es2015…”
这可能是版本控制问题吗?或者我没有正确配置我的巴别塔预设
(我在下面介绍了我的package.json
,以及我的gulpfile.js
的相关部分)
package.json:
{
"name": "SA",
"version": "2.0.0",
"description": "my SA code",
"devDependencies": {
"babel-core": "^6.26.3",
"babel-eslint": "^7.2.3",
"babel-polyfill": "^6.26.0",
"babel-preset-env": "^1.7.0",
"del": "^2.2.2",
"eslint": "^3.19.0",
"gulp": "^4.0.2",
"gulp-babel": "^7.0.1",
"gulp-concat": "^2.6.1",
"gulp-jscs": "^4.1.0",
"gulp-jscs-stylish": "^1.4.0",
"gulp-jshint": "^2.1.0",
"gulp-rename": "^1.2.2",
"gulp-uglify": "^3.0.2",
"jshint": "^2.9.5",
"jshint-stylish": "^2.2.1"
},
"main": "SA",
"dependencies": {
"@babel/preset-env": "^7.6.3",
"lodash": "^4.17.15"
},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"repository": {
"type": "git",
"url": "[github URL]"
},
"keywords": []
}
gulpfile.js(包括相关部分):
您已经安装了
@babel/preset-env
,但您说您尝试引用babel-preset-env
。你似乎在使用巴别塔7和巴别塔8的组合。你应该确保你用的是其中一个,而不是两个。