gulp與iframe

黃黃黃發表於2019-02-16

gulp是什麼

是前端開發過程中對程式碼進行構建的工具，是自動化專案的構建利器 ，是基於nodejs的開發工具。

gulp的安裝

npm install gulp-cli -g
npm install gulp -D
touch gulpfile.js//tuch建立gulpfile.js檔案
gulp --help

在npm中實現命令來安裝
package.json是基於nodejs專案必不可少的配置檔案，它是存放在專案根目錄的普通json檔案
gulpfile.js是gulp專案的配置檔案，是位於專案根目錄的普通js檔案

gulp外掛（ plugin）

gulp.src

src方法是指定需要處理的原始檔的路徑，gulp借鑑了Unix作業系統的管道（pipe）思想，前一級的輸出，直接變成後一級的輸入，gulp.src返回當前檔案流至可用外掛；

  • “*”：匹配所有檔案
  • “**”：匹配0個或多個子資料夾
  • “{}”：匹配多個屬性
    *“!”：排除檔案
var gulp = require(`gulp`),
    less = require(`gulp-less`);//引入外掛
 
gulp.task(`testLess`, function () {
    //gulp.src(`less/test/style.less`)
    gulp.src([`less/**/*.less`,`!less/{extend,page}/*.less`])//尋找檔案
        .pipe(less())
        .pipe(gulp.dest(`./css`));//輸出檔案地址
});

iframe

<iframe></iframe>

在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中，不支援 iframe 元素
*frameborder 規定是否顯示框架周圍的邊框
*stcdoc規定在 <iframe> 中顯示的頁面的 HTML 內容
*seamless規定 <iframe> 看上去像是包含文件的一部分
*sandbox < sandbox 屬性將會啟用一系列對行內框架中內容的額外限制

相關文章