gulp es6转换es5 Cannot find module '@babel/core'

在gulp转换es6的时候出现↓
在这里插入图片描述

npm i --save-dev gulp gulp-babel @babel/core babel-preset-env @babel/preset-env



在package.js会出现带@的配置,这就行了。
在这里插入图片描述

再运行转换es5的task,好啦
在这里插入图片描述



下边是文件目录


文件目录

在这里插入图片描述

gulpfile.js

var gulp = require("gulp");
var babel = require("gulp-babel");

gulp.task("toes5", function () {
    return gulp.src("src/*.js")
        .pipe(babel())
        .pipe(gulp.dest("dist")); 
});

package.js

{
  "name": "test1",
  "version": "1.0.0",
  "description": "",
  "main": "src/index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "babel-preset-es2015": "^6.24.1",
    "gulp": "^4.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.2.2",
    "@babel/preset-env": "^7.3.1",
    "babel-core": "^6.26.3",
    "babel-preset-env": "^1.7.0",
    "gulp-babel": "^8.0.0"
  }
}

.babeirc

{
“presets”: [“env”]
}

猜你喜欢

转载自blog.csdn.net/weixin_42519137/article/details/86924998
今日推荐