javascript - gulp tidak boleh menggunakan babel dengan betul

Question

Sudah memasang babel dan pratetap-es2015

Terdapat kebergantungan yang sepadan dalam package.json

{
  "name": "test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-preset-es2015": "^6.24.1",
    "gulp": "^3.9.1",
    "gulp-babel": "^6.1.2"
  }
}

gulpfile.js

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

gulp.task("es5", function() {
    return gulp.src("es5/test.js")
        .pipe(babel({
            presets: ["es2015"]               
        }))
        .pipe(gulp.dest("es6"));
});

Struktur direktori:

Ralat dilaporkan semasa menjalankan: Ralat: Tidak dapat mencari pratetap "es2015" berbanding direktori "C:UsersLiDesktop"

Gunakan: pratetap: ['es2015'].map(require.resolve) to report: Ralat: Tidak dapat mencari modul 'es2015'

Tetapi saya telah memasang semuanya, dan ia juga dipaparkan dalam package.json

Answer 1

1. babel-preset-es2015 Mula-mula pastikan ia dipasang. babel-presets-es2015先确认一下有没有安装好。

2. 第二个pipe里面的内容和.babelrc

Kandungan dalam paip kedua diduplikasi dengan .babelrc, hanya satu diperlukan🎜🎜 🎜

Answer 2

Cubalah

npm i babel-core -D