天天看點

gulp開發簡單配置以及配合browserify應用

前端開發都需要對css ,js 打包壓縮,less 編譯,gulp簡單的風格,可以完美的完成這項任務。

首先需要安裝gulp 

npm install gulp -g

npm install gulp --save-dev

安裝gulp 需要的插件 如下

npm install gulp-***  --save-dev

項目根目錄下建立 gulifile.js 檔案

gulp開發簡單配置以及配合browserify應用

首先 需要對less 編譯 壓縮

對應目錄,如下

gulp開發簡單配置以及配合browserify應用

addComment: false 生産的css ,或者js 裡是否有描述

gulp開發簡單配置以及配合browserify應用

gulp 啟動 和 代碼變化監聽

js 壓縮混淆

gulp開發簡單配置以及配合browserify應用
gulp開發簡單配置以及配合browserify應用

當然可以把 要做webapp 時 就可以把 js 全部壓縮到一個js裡,同時需要gulp和browserify結合,添加如下包

gulp開發簡單配置以及配合browserify應用

d.add 可以換成require 就是 壓縮 需要的 子產品插件到一個js裡  修改如下

新年第一天以一篇博結束,祝大家新年快。

有需要的交流的可以加個好友

gulp開發簡單配置以及配合browserify應用

繼續閱讀