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 打包在一起,形成模組。...

鐵人賽 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或圖片檔案後沒有作用的情...

鐵人賽 Modern Web DAY 12

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

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

鐵人賽 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 來...

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

技術 Gulp 與 Sass 開發環境

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

鐵人賽 DevOps DAY 10

技術 TeamCity Agent 執行流程說明

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

鐵人賽 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)自...