gulp使用babel的坑

首先安裝gulp-babel

發現gulp-babel沒有安裝上，package.json裡面沒有記錄依賴

** 然後重灌一下就安上了

接下來，在gulpfile.js裡面寫下這段配置

var gulp = require("gulp");

var babel = require("gulp-babel");
gulp.task('default', function
() ))
.pipe(gulp.dest("./dest"))
})

顯示模組找不到！！

我這裡是8.0的版本，需要重新安裝成7.0的版本

於是我打算解除安裝重新安裝

繼續報錯那個模組找不到，我解除安裝你都找不到。。。。。後來發現自己寫的gulp uninstall，是npm uninstall啊！！！

那繼續解除安裝吧

發現解除安裝之後，package.json依然記錄有這個模組

原來的加上引數

繼續解除安裝一遍

終於沒有了

重新安裝7.0的版本，執行gulp後   error: cannot find module 'babel-core'

沒有找到這個模組，ok，我安裝一下

安裝完成之後，執行gulp

刪除之後，在gulp

成功轉換es6

至此，終於可以使用gulp-babel安裝了！！！

gulp的使用基本使用

1.全域性安裝gulp 目的是在命令列裡使用gulp的命令 2.命令列中cd到專案目錄，區域性安裝gulp 如果不在專案中再次安裝會報錯，據說這樣是為了避免發生版本衝突 3.在專案目錄下新建乙個gulpfile.js檔案 必須這個名字，這個檔案算是乙個配置檔案 編寫我們的需求，以便gulp能按著我們...

gulp 入門 使用gulp壓縮css

壓縮 css 可降低 css 檔案大小，提高頁面開啟速度。規律轉換為 gulp 找到css 目錄下的所有 css 檔案，壓縮它們，將壓縮後的檔案存放在dist css 目錄下。一 安裝 gulp minify css 模組 在命令列輸入sudo npm install gulp minify css...

webpack配合babel使用

babel 是乙個 j ascript 編譯器，可以把es6的語法轉為相容瀏覽器的es5語法 babel中文官網 babel可以單獨使用，但是一般都是和webpack結合一起使用 1 babel loader babel core babel preset env 換語法 安裝依賴 已經在專案裡安裝...