gulp-inline-src v0.4.4

gulp-inline-src

资源内联插件，对html或js中引用的外部资源通过内联方式嵌入

快速开始

html中内联

• 样式

  <link data-inline="true" href="animate.css" rel="stylesheet" type="text/css">

  内联CDN资源

  <link data-inline="static-animate" href="animate.css" rel="stylesheet" type="text/css">

  参数

  {
    staticUrl: {
      animate: 'http://apps.bdimg.com/libs/animate.css/3.1.0/animate.min.css'
    }
  }

• 脚本

  <script data-inline="true" src="zepto.js"></script>

  内联CDN资源

  <script data-inline="static-zepto" src="zepto.js"></script>

  参数

  {
    staticUrl: {
      zepto: 'http://apps.bdimg.com/libs/zepto/1.1.4/zepto.min.js'
    }
  }

• 图片

  <img src="fake.png" data-inline="base64">

  注：目前Base64转码不考虑文件大小因素，请不要在大图片上加这个标记！

脚本中内联

__inline('./plugin/tinymce-plugin-autosave.js')
var uploadTpl = __inline('./tpls/upload.html');
var EDITOR_CONFIG = __inline('./config/config.json');

引用

let inline = require('gulp-inline-src');
gulp.task('inline', function (){
  var options = {
    staticUrl: {
      animate: 'http://apps.bdimg.com/libs/animate.css/3.1.0/animate.min.css'
      ,zepto: 'http://apps.bdimg.com/libs/zepto/1.1.4/zepto.min.js'
    }
  };
  gulp.src('./index.html')
  .pipe(inline(options))
  .pipe(gulp.dest('./public'));
})

参数

注：

• clean-css版本为~3.3.7
• uglify-js版本为~2.4.24

版本

• 0.4.4: 修复bug

  • 修复ignoreCompressFolders属性在windows平台失效问题
  • jsmin属性为true且文件大小>500kb，消除babel-core的警告提示

• 0.4.3: 修改README.md的描述

• 0.4.2: 新增__inline语法，支持在脚本中内联外部js或html资源

• 0.4.1: 修改代码仓库名称

• 0.4.0: 基于filow/gulp_h5packer0.3.0版本进行优化与bug修复

  • 解决关闭压缩后注入空脚本问题
  • 解决压缩es2015规范代码异常
  • 解决htmlTag配置变更后staticUrl替换失败问题
  • 增加压缩是否采用严格模式配置
  • 修改htmlTag默认值为inline