摘要:復制文件在一個臨時的地方并進行修改,任務只在開始和結束,節省流作為項目的開發依賴安裝在項目根目錄下創建一個名為的文件將你的默認的任務代碼放在這安裝為項目依賴和安裝完整代碼添加任務自動修復插件將你的默認的任務代碼放在這監測文件的改
gulp:復制文件在一個臨時的地方并進行修改,i/o任務只在開始和結束,節省i/o流 1. 作為項目的開發依賴(devDependencies)安裝:
$ npm install --save-dev gulp2. 在項目根目錄下創建一個名為 gulpfile.js 的文件:
var gulp = require("gulp"); gulp.task("default", function() { // 將你的默認的任務代碼放在這 });3. 安裝sass為項目依賴和安裝autoprefixer
$ npm install gulp-sass $ npm install autoprefixer4. 完整代碼(添加任務)
var gulp = require("gulp"); var sass = require("gulp-sass"); var autoprefixer = require("gulp-autoprefixer");//自動修復插件 gulp.task("default", function() { console.log("hello");// 將你的默認的任務代碼放在這 }); gulp.task("stream", function () { // Endless stream mode gulp.watch("css/**/*.css", ["styles"])//監測scss文件的改動 }); gulp.task("styles", function() { gulp.src("sass/**/*.scss") .pipe(sass())//把scss轉為css .pipe(sass().on("error", sass.logError))//插入sass日志錯誤函數,更改默認行為,以便統一修改 .pipe(autoprefixer({ browsers: ["last 2 versions"] })) .pipe(gulp.dest("./css"));//把轉好的css文件存入css文件夾 })
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/53685.html
摘要:本文假設你之前沒有用過任何任務腳本和命令行工具,一步步教你上手。如果這兩行命令沒有得到返回,可能就沒有安裝正確,嘗試重啟下命令行工具,如果還不行的話,只能回到第一步進行重裝。 本文假設你之前沒有用過任何任務腳本(task runner)和命令行工具,一步步教你上手Gulp。不要怕,它其實很簡單,我會分為五步向你介紹gulp并幫助你完成一些驚人的事情。那就直接開始吧。 第一步:安裝No...
摘要:話不多說,今天的主題是使用打造傳統項目的前端工作流。是一個廣泛使用的轉碼器,可以將代碼轉為代碼,從而在現有環境執行。這意味著,你可以用的方式編寫程序,又不用擔心現有環境是否支持。 概述 最近前端一直是一個火熱的話題,前端技術棧也是伴隨著nodejs的出現而更替的飛快,導致大部分前端開發者曾一度迷茫在這各種技術選型上,比如前端自動化工具就有Grunt,Gulp,Webpack,Fis3等...
摘要:所以出現了各種前端構建化工具也應運而生等已經成為現在前端開發工程師的必備技能之一。結語今天的分享就告一段落啦希望能對大家有所幫助。 在互聯網告訴發展的今天,自node出現后,我們前端也越來越大(心里美美噠~),同樣帶來的Web業務日益復雜化和多元化,模式也都想webPage模式轉向webApp模式,拼幾個頁面搞幾個jquery的插件就能搞一個完成一個項目的日子已經是很久遠的曾經了,而且...
摘要:目前提供了觀察文件變化,自動將文件編譯成的功能。但在有些機子上跟蹤編譯非常慢。如果想更順手的完成更復雜的編譯,就需要使用工具進行處理。啟動提示打開編輯器編輯下文件,保存,查看下文件,已經編譯好了。 目前sass提供了觀察文件變化,自動將sass文件編譯成css的功能。但在有些機子上跟蹤編譯非常慢。使用不便。如果想更順手的完成更復雜的編譯,就需要使用nodejs,gulp 工具進行處理。...
閱讀 1599·2021-11-22 09:34
閱讀 1690·2019-08-29 16:36
閱讀 2668·2019-08-29 15:43
閱讀 3113·2019-08-29 13:57
閱讀 1298·2019-08-28 18:05
閱讀 1875·2019-08-26 18:26
閱讀 3243·2019-08-26 10:39
閱讀 3455·2019-08-23 18:40