Skip to content

Commit

Permalink
Document workaround for using with webpack [skip ci] (#104)
Browse files Browse the repository at this point in the history
  • Loading branch information
web-padawan authored Jan 9, 2019
1 parent a7fea34 commit 578b4e3
Showing 1 changed file with 25 additions and 0 deletions.
25 changes: 25 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -60,6 +60,7 @@ Once installed, import it in your application:
```html
<link rel="import" href="bower_components/vaadin-rich-text-editor/vaadin-rich-text-editor.html">
```

### Polymer 3 and ES Modules compatible version


Expand All @@ -75,6 +76,30 @@ Once installed, import it in your application:
import '@vaadin/vaadin-rich-text-editor/vaadin-rich-text-editor.js';
```

### Bundling with webpack

When using `webpack` to bundle the application, do the following steps:

1. Install the loader:

```sh
npm install expose-loader --save-dev
```

2. Add these lines to the webpack config:
```
module: {
rules: [
...
{
test: require.resolve('@vaadin/vaadin-rich-text-editor/vendor/vaadin-quill.js'),
use: [{
loader: 'expose-loader',
options: 'Quill'
}]
}
```

## Getting started

Vaadin components use the Lumo theme by default.
Expand Down

0 comments on commit 578b4e3

Please sign in to comment.