Skip to content

Commit 2f0d040

Browse files
authored
Merge pull request #304 from DevExpress/rollup_docs
Add doc about rollup
2 parents 5ef80b4 + 86b13cb commit 2f0d040

File tree

2 files changed

+40
-0
lines changed

2 files changed

+40
-0
lines changed

README.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -101,6 +101,7 @@ The further configuration steps depend on which build tool, bundler or module lo
101101
* [Configuring SystemJS](https://github.com/DevExpress/devextreme-angular/blob/master/docs/using-systemjs.md#configuration)
102102
* [Configuring Angular CLI](https://github.com/DevExpress/devextreme-angular/blob/master/docs/using-angular-cli.md#configuration)
103103
* [Configuring Webpack](https://github.com/DevExpress/devextreme-angular/blob/master/docs/using-webpack.md#configuration)
104+
* [Configuring Rollup](https://github.com/DevExpress/devextreme-angular/blob/master/docs/using-rollup.md#configuration)
104105

105106

106107
### <a name="create-application"></a>Create a new Angular 2 Application ###
@@ -110,6 +111,7 @@ Depending on your requirements you can choose one of the following ways to start
110111
* [Start with SystemJS](https://github.com/DevExpress/devextreme-angular/blob/master/docs/using-systemjs.md)
111112
* [Start with Angular CLI](https://github.com/DevExpress/devextreme-angular/blob/master/docs/using-angular-cli.md)
112113
* [Start with Webpack](https://github.com/DevExpress/devextreme-angular/blob/master/docs/using-webpack.md)
114+
* [Start with Rollup](https://github.com/DevExpress/devextreme-angular/blob/master/docs/using-rollup.md)
113115

114116
### <a name="running-examples"></a>Running the Local Examples ###
115117

docs/using-rollup.md

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
# Using the DevExtreme Angular 2 Integration with Rollup
2+
3+
## Create a new Application ##
4+
5+
You can use [some starter](https://github.com/search?utf8=%E2%9C%93&q=angular+rollup+starter&type=Repositories&ref=searchresults) to bootstrap a new project based on Rollup.
6+
7+
## Add DevExtreme ##
8+
9+
Follow the [installation](https://github.com/DevExpress/devextreme-angular#installation) section in our Readme.
10+
11+
## <a name="configuration"></a>Configure Rollup for DevExtreme ##
12+
13+
There is [a limitation](https://github.com/DevExpress/devextreme-angular/issues/283) in bundling with Rollup.
14+
Make sure that you use [long paths](https://github.com/DevExpress/devextreme-angular/#bundlers-without-tree-shaking-support) for DevExtreme Angular modules.
15+
16+
Ensure that the following plugins are included:
17+
18+
```js
19+
var nodeResolve = require('rollup-plugin-node-resolve');
20+
var commonjs = require('rollup-plugin-commonjs');
21+
var builtins = require('rollup-plugin-node-builtins');
22+
var globals = require('rollup-plugin-node-globals');
23+
24+
{
25+
....
26+
plugins: [
27+
nodeResolve({ jsnext: true, main: true, browser: true, preferBuiltins: true }),
28+
commonjs(),
29+
builtins(),
30+
globals()
31+
]
32+
...
33+
}
34+
```
35+
36+
## Import DevExtreme Stylesheets ##
37+
38+
Import the required [DevExtreme css files](https://js.devexpress.com/Documentation/Guide/Themes/Predefined_Themes/).

0 commit comments

Comments
 (0)