項目構建打包gulp

gulp

gulp是NodeJS項目構建工具,它是用來構建我們的項目,而且是把開發中的項目構建成可以放置在服務器的項目。它的機制是流式內容處理,也就是在內存中數據處理。

1、安裝
npm install gulp -g
cnpm install gulp -g
2、創建一個pack.json:配置使用到的庫
cnpm init

...輸入信息

3、安裝一個處理jsx的工具,轉換成js
cnpm install gulp-react —save

4、gulpfile.js
var gulp = require(‘gulp’);
var react = require(‘gulp-react’);

gulp.task(‘jsx’, function() {
gulp.src(‘./app.jsx’')
.pipe(react())
.pipe(gulp.dest(‘./appp.js’));
})

5、然后在命令行中輸入
gulp jsx
6、設置默認命令,這樣在命令行中就可以直接輸入gulp
gulp.task(‘dafault’, [‘jsx’]);

7、存在的問題:
就是jsx中的require,也就是引用庫時不會被轉換的,轉換的只有是jsx代碼
例如var React = require(‘react/addons’);

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • gulpjs是一個前端構建工具,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數,API也非常簡單,學...
    依依玖玥閱讀 3,185評論 7 55
  • 前言 本文默認你已經安裝好node環境,并且熟悉node命令,和window cd命令。 gulp簡介 基于nod...
    9I閱讀 1,992評論 4 50
  • 在現在的前端開發中,前后端分離、模塊化開發、版本控制、文件合并與壓縮、mock數據等等一些原本后端的思想開始...
    Charlot閱讀 5,489評論 1 32
  • gulpjs是一個前端構建工具,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數,API也非常簡單,學...
    井皮皮閱讀 1,324評論 0 10
  • 安裝Gulp首先需要安裝Node.js,并在控制臺輸入$ npm install gulp -gMac端需要寫成$...
    LaBaby_閱讀 949評論 0 1