Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
CHANGELOG.md
README.md
package.json
preload-assets.js

README.md

preload-assets.js

预加载静态资源,包括 js 和 css。

原理:使用 HTML5 prefetch 特性预加载资源,如果不支持 prefetch,则会创建一个隐藏的 iframe,在 iframe 中创建 script 标签加载 js,创建 link 标签加载 css。

安装

npm install preload-assets --save

用法

import preloadAssets from 'preload-assets'

var assets = [
  'https://cdn.bootcss.com/vue/2.5.9/vue.min.js',
  'https://cdn.bootcss.com/Swiper/4.0.6/css/swiper.min.css',
  'https://cdn.bootcss.com/Swiper/4.0.6/js/swiper.min.js'
]

var options = {
  delay: 0,  // 延迟预加载,单位 ms,避免影响到当前页面的加载效率
  ignoreError: false,  // 如果配置为 true,则会隐藏 iframe 方案加载时的 js 异常
  beforePreloadScript: 'window.CONFIG={};'  // iframe 方案加载时,提前定义的全局变量,可以避免业务代码报错
}

preloadAssets(assets, options)