gulp && webpack

gulp

前端自動(dòng)化構(gòu)建工具,此類的工具還有g(shù)runt
webpack 前端打包工具,
打包:分析項(xiàng)目所依賴的內(nèi)容,自動(dòng)去處理這些內(nèi)容,比如:CSS JS IMG JSON 插件

自動(dòng)化:

  • less sass 自動(dòng)轉(zhuǎn)為css
  • js 腳本 合并成一個(gè)
  • js 腳本 壓縮混淆
  • imgage 壓縮

使用

  1. npm install -g gulp安裝
  2. 進(jìn)入想要使用gulp的目錄

目錄說(shuō)明

  • les文件存放目錄
  • index.html主頁(yè)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 在現(xiàn)在的前端開(kāi)發(fā)中,前后端分離、模塊化開(kāi)發(fā)、版本控制、文件合并與壓縮、mock數(shù)據(jù)等等一些原本后端的思想開(kāi)始...
    Charlot閱讀 5,480評(píng)論 1 32
  • -- 1. Gulp VS webpack 比較 Gulp 是一個(gè)任務(wù)管理工具,讓簡(jiǎn)單的任務(wù)更清晰,讓復(fù)雜的任務(wù)易...
    慢清塵閱讀 3,571評(píng)論 7 16
  • 題目1: 如何全局安裝一個(gè) node 應(yīng)用? “全局安裝”指的是將一個(gè)模塊安裝到系統(tǒng)目錄中,各個(gè)項(xiàng)目都可以調(diào)用。一...
    saintkl閱讀 304評(píng)論 0 0
  • 1.如何全局安裝一個(gè) node 應(yīng)用? 打開(kāi)你的命令行工具輸入npm install 'packages name...
    Rising_suns閱讀 353評(píng)論 0 0
  • “有人住高樓,有人在深溝,有人光萬(wàn)丈,有人一身銹,世人萬(wàn)千種,浮云莫去求,斯人若彩虹,遇上方知有。” 斯人若彩虹,...
    憶安的夏天閱讀 263評(píng)論 0 0