iT邦幫忙

gulp相關文章
共有 84 則文章
鐵人賽 Modern Web DAY 2

技術 [試著把切版專案升級到 gulp4.0 吧] Day02 Gulp 在前端工程化中的角色

在 Day1 的文章曾提到,gulp 作為一種建構工具,是用來幫助前端開發過程的建構自動化。那究竟,前端工程化後,對網頁開發產生了什麼影響呢?我們可以先回到沒有...

鐵人賽 Modern Web DAY 1

技術 [試著把切版專案升級到 gulp4.0 吧] Day01 前言:參賽目的

沒想到最後還是報名鐵人賽了呢(笑)。在寫程式遇到麻煩 google 時,找到的文章常常是從鐵人賽裡面出來的系列文,很是感激這個活動,產出了許多優質參考資料。 我...

技術 TypeScript 之 Gulp 報錯(Ans:降低版本的解決方法)

Target: ->解決您Gulp報錯的問題,照片如下。當你出現這問題時,代表您的Gulp版本過高。 Solution: 1.首先先到您的Package....

鐵人賽 Modern Web DAY 12
每日文章推薦 系列 第 12

技術 Day 12 前置編譯器

基本用途 我提到的主要都是覺得原本的語言提供的特性不夠用 所以會做出一套工具 來提供想要的功能 最後再編譯成原始的語言來讓環境可以直接套用 有哪些 javasc...

鐵人賽 Modern Web DAY 29

技術 <29 - 番外篇 03> webpack 與 gulp 聯手 - Stats 調校輸出訊息

今天是番外篇的最後一篇文章,其實到目前為止,也已經做到如何使用 gulp 來執行 webpack 了,只是還有一個小小的問題,我想做改良,也就是輸出的訊息。 在...

鐵人賽 Modern Web DAY 28

技術 <28 - 番外篇 02> webpack 與 gulp 聯手 - 整合 webpack-dev-server

在昨天的 &lt;27 - 番外篇 01&gt; webpack 與 gulp 聯手 - 安裝 gulp 文章當中,已經瞭解到如何整合 webpack 與 gu...

鐵人賽 Modern Web DAY 27

技術 <27 - 番外篇 01> webpack 與 gulp 聯手 - 安裝 gulp

寫到今天,其實應該都已經知道 webpack 是做什麼用的了,名副其實的 module bundler,就是將你的各種 assets 打包在一起,形成模組。...

鐵人賽 Modern Web DAY 12

技術 可以幫我自動化嗎,拜託:Gulp

可以幫我自動化嗎,拜託:Gulp 在上一篇當中我們暫時脫離了瀏覽器跟前端,進入到 Node.js 的領域了。在這一篇裡面我們把主題拉回來前端。之前有介紹過 SC...

鐵人賽 DevOps DAY 19

技術 TeamCity build scripts撰寫 (含範例專案架構)

前言 前面連續介紹 18篇有關 .NET Core 持續整合相關指令、gulp 件、IT架構與佈署流程介紹,在本篇文章,我們將彙整前面的文章,透過一個簡單的專案...

鐵人賽 DevOps DAY 17

技術 IIS remote management : 變更站台實體路徑與移除舊有資料

前言 在前面六篇文章,我們介紹有關實作 Deploy 的方法與處理 CDN 環境下遭遇的問題。而在這一篇文章我們將要介紹最後一個步驟:變更站台實體路徑。如同先前...

鐵人賽 DevOps DAY 16

技術 Deploy : CDN Solution 2 - 資料夾命名規則

前言 上一篇我們透過 gulp-replace 與 gulp-hash 更改檔案名稱與引入程式名稱方法處理 cache 的問題,而在這一篇,提供利用多一層版本資...

鐵人賽 DevOps DAY 15

技術 Deploy : CDN Solution 1 - Hash and Replace

前言 CDN 的原意是透過節點與快取方式於增加網站的速度與穩定度,但在開發、維護專案的過程中,常常遭遇到更新javascript、css或圖片檔案後沒有作用的情...

鐵人賽 DevOps DAY 14

技術 Deploy : Deploy to Azure CDN

前言 CDN - 內容傳遞網路,透過網路連結各地強大處理能力的伺服器,快速傳輸照片、音樂、文件...等檔案給使用者,提供快速、高傳輸性與低成本的服務,也成為現今...

鐵人賽 Modern Web DAY 14
CSS 實戰心法 系列 第 14

技術 Gulp - Webserver

Gulp 很適合搭配任何其他的前後端結構,就先前介紹的幾個章節,只要略為修改輸入及輸出的路徑即可;除了搭配其他後端結構外,Gulp 也有適合直接開發的方法,本章...

鐵人賽 DevOps DAY 13

技術 Deploy : FTP

前言 在前面的章節,我們介紹如何在 gulpfile 內安裝與使用 robocopy,並透過檔案同步方式實作 Deploy 工作。透過 robocopy 方式雖...

鐵人賽 DevOps DAY 12

技術 Deploy : WebDeploy

前言 過去個人工作經驗,在多數專案中,測試、開發機(如:dev, qa, staging)通常會位於公司網域內,由 IT人員進行管理,但正式機(producti...

鐵人賽 Modern Web DAY 12
CSS 實戰心法 系列 第 12

技術 Gulp - 定義預設開發環境

今天的進度來做個小調整,讓大家在使用 Gulp 時就能相容於目前的環境,目前使用的主要套件有:gulp-sass、gulp-postcss,這次調整後會有一個主...

鐵人賽 DevOps DAY 11

技術 Deploy : Robocopy

前言 在.NET Core 安裝與介紹這個章節,提到了因為.NET Core 的特性,可以透過本身指令進行 Restore, Build, Test 與 Pub...

鐵人賽 Modern Web DAY 11
CSS 實戰心法 系列 第 11

技術 Gulp - 透過 PostCSS 加入 CSS Prefix

說到 CSS prefix 相信大家都不是很清楚當下主流版本的 prefix 有哪些是必要?又有哪些是不必要的? 以往都是使用 Sass 的 Compass 來...

鐵人賽 DevOps DAY 10

技術 TeamCity Agent 執行流程說明

前言 在這篇文章之前,我們介紹了 TeamCity, Net Core 與 Gulp 的安裝流程與基礎應用。接下來的章節將開始介紹Deploy tools與撰寫...

鐵人賽 Modern Web DAY 10
CSS 實戰心法 系列 第 10

技術 Gulp 與 Sass 開發環境

Gulp 是我目前最使用的自動化工具,在先前一篇也有介紹有哪些自動化工具,這篇開始會介紹 Gulp 自動化工具如何使用、有哪些推薦的工具以及一些經驗上的分享。而...

鐵人賽 DevOps DAY 9

技術 Gulp 套件介紹

前言 上一篇我們簡單介紹如何安裝 Gulp 與其基本原理,並且提供了一個minify的範例。在一篇,我們將會介紹實作 NET Core 持續整合過程中前後端所需...

鐵人賽 DevOps DAY 8

技術 Gulp 安裝與介紹

前言 從前面幾篇的介紹,我們有了持續整合伺服器(TeamCity)的協助,加上 NET Core 本身的指令,目前為止可以完成多數的工作。但在自動化過程中,我們...

鐵人賽 其他技術 DAY 29

技術 Day29– 前端小字典三十天【每日一字】– Grunt 與 Gulp

圖片來源 Grunt是什麼? 官方解釋: 「The JavaScript Task Runner」 Grunt是一個JavaScript的任務(Task)自...