gulp構建專案

2021-08-31 21:06:00 字數 485 閱讀 9327

1.建立project資料夾,手動初始化專案,使用npm管理工具

npm init --yes
2.根據package.json中的依賴包來進行專案的開發

cnpm install //此處使用的是**映象 安裝所有的依賴包
3.首先確保你全域性安裝了gulp,當然專案中也安裝了gulp

gulp init //此處命令是自定義的初始化src目錄任務,會自動幫我們建立好src目錄
4.利用package.json中的命令啟動   .gitgnore檔案是為了防止git提交node modules檔案;.jshintrc是js**格式規範配置

"scripts": ,

gulp專案構建小結

告別了jquery,現在想分享下我們專案構建所使用的技術。1 es6 2 browserify 3 babelify 4 gulp 5 concat 6 browser sync 1 使用es6的模組管理 同時可以使用es6的語法糖了!2 使用browserify進行模組打包 3 babelify結...

使用gulp構建專案

專案目錄如下 test src lib jquery.min.js component button.js selector.js less button.less selector.less dist gulpfile.js package.json package lock.jsongulpfi...

Gulp 自動化構建

use gulp 官網 編譯 sass 合併優化壓縮 css 校驗壓縮 js 優化新增檔案指紋 md5 元件化頭部底部 include html 實時自動重新整理 gulp是前端開發過程中對 進行自動化構建的利器。它不僅能對資源進行優化,而且在開發過程中能夠通過配置自動完成很多重複的任務,讓我們可以...