gulp与iframe

2024年2月16日 183次阅读 来源: 黄黄黄

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 属性将会启用一系列对行内框架中内容的额外限制

    原文作者：黄黄黄
    原文地址: https://segmentfault.com/a/1190000010819825
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞