Browse files

add notes on usage with Vue and Webpack

resolve #198
  • Loading branch information...
imsky committed Nov 11, 2017
1 parent 91e8ef0 commit 6c2355a80454cfd7825c48c4eb209cc182a36e26
Showing with 18 additions and 0 deletions.
  1. +18 −0
@@ -274,6 +274,10 @@ You can prevent Holder from running its default configuration by executing ``Hol
Holder is compatible with ``lazyload.js`` and works with both fluid and fixed-width images. For best results, run `.lazyload({skip_invisible:false})`.
+## Using with Vue
+You can use Holder in Vue 2+ projects with [vue-holderjs](
## Using with Angular.js
You can use Holder in Angular projects with [ng-holder]( or with [angular-2-holderjs]( for Angular 2 projects.
@@ -282,6 +286,20 @@ You can use Holder in Angular projects with [ng-holder](
Because Meteor includes scripts at the top of the document by default, the DOM may not be fully available when Holder is called. For this reason, place Holder-related code in a "DOM ready" event listener.
+## Using with Webpack
+If you're using `ProvidePlugin` in your Webpack config, make sure to configure it as follows:
+plugins: [
+ new webpack.ProvidePlugin({
+ 'Holder': 'holderjs',
+ 'holder': 'holderjs',
+ 'window.Holder': 'holderjs'
+ })
## Browser support
* Chrome

0 comments on commit 6c2355a

Please sign in to comment.