From aa592ff3b01a012205556b0c8bf72f1888e10d89 Mon Sep 17 00:00:00 2001
From: Yury Orlov <mpcteam.kvet@gmail.com>
Date: Mon, 23 Jan 2017 11:54:33 +0300
Subject: [PATCH 1/3] Simplify rollup configuration in documentation

---
 docs/using-rollup.md | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/docs/using-rollup.md b/docs/using-rollup.md
index 79b976e63..8be4896d5 100644
--- a/docs/using-rollup.md
+++ b/docs/using-rollup.md
@@ -10,24 +10,24 @@ Follow the [installation](https://github.com/DevExpress/devextreme-angular#insta
 
 ## <a name="configuration"></a>Configure Rollup for DevExtreme ##
 
-There is [a limitation](https://github.com/DevExpress/devextreme-angular/issues/283) in bundling with Rollup.
+There is [a limitation](https://github.com/DevExpress/devextreme-angular/issues/353) in bundling with Rollup.
 Make sure that you use [long paths](https://github.com/DevExpress/devextreme-angular/#bundlers-without-tree-shaking-support) for DevExtreme Angular modules.
 
 Ensure that the following plugins are included:
 
 ```js
-var nodeResolve = require('rollup-plugin-node-resolve');
-var commonjs = require('rollup-plugin-commonjs');
-var builtins = require('rollup-plugin-node-builtins');
-var globals = require('rollup-plugin-node-globals');
+import nodeResolve from 'rollup-plugin-node-resolve';
+import commonjs from 'rollup-plugin-commonjs';
+import alias from 'rollup-plugin-alias';
 
 {
     ....
     plugins: [
-        nodeResolve({ jsnext: true, main: true, browser: true, preferBuiltins: true }),
-        commonjs(),
-        builtins(),
-        globals()
+        alias({
+            jszip: path.join(__dirname, './node_modules/jszip/dist/jszip.min.js')
+        })
+        nodeResolve({ jsnext: true, module: true }),
+        commonjs()
     ]
     ...
 }

From 3b02d682e24299b535faf3125761c47dc0c33412 Mon Sep 17 00:00:00 2001
From: Yury Orlov <mpcteam.kvet@gmail.com>
Date: Mon, 23 Jan 2017 12:49:36 +0300
Subject: [PATCH 2/3] Add info about CSS bundling

---
 docs/using-rollup.md | 36 +++++++++++++++++++++++++++++++++---
 1 file changed, 33 insertions(+), 3 deletions(-)

diff --git a/docs/using-rollup.md b/docs/using-rollup.md
index 8be4896d5..a447d485f 100644
--- a/docs/using-rollup.md
+++ b/docs/using-rollup.md
@@ -20,8 +20,10 @@ import nodeResolve from 'rollup-plugin-node-resolve';
 import commonjs from 'rollup-plugin-commonjs';
 import alias from 'rollup-plugin-alias';
 
-{
-    ....
+...
+
+export default {
+    ...
     plugins: [
         alias({
             jszip: path.join(__dirname, './node_modules/jszip/dist/jszip.min.js')
@@ -35,4 +37,32 @@ import alias from 'rollup-plugin-alias';
 
 ## Import DevExtreme Stylesheets ##
 
-Import the required [DevExtreme css files](https://js.devexpress.com/Documentation/Guide/Themes/Predefined_Themes/). 
+Import the required [DevExtreme css files](https://js.devexpress.com/Documentation/Guide/Themes/Predefined_Themes/).
+
+
+In order to create a single CSS bundle, you can use the `rollup-plugin-css-only` package. Import DevExtreme CSS files prior to widget modules as follows:
+
+```js
+import 'devextreme/dist/css/dx.common.css';
+import 'devextreme/dist/css/dx.light.css';
+
+...
+```
+
+Ensure that the following plugin is included:
+
+```js
+import css from 'rollup-plugin-css-only';
+
+...
+
+export default {
+    ...
+    plugins: [
+        css({ output: 'dist/bundle.css' }),
+
+        ...
+    ]
+    ...
+}
+```

From cf3e96ee50a49d5b747ed99134612ad30a81131c Mon Sep 17 00:00:00 2001
From: Yury Orlov <mpcteam.kvet@gmail.com>
Date: Mon, 23 Jan 2017 12:57:27 +0300
Subject: [PATCH 3/3] Fix typo

---
 docs/using-rollup.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/using-rollup.md b/docs/using-rollup.md
index a447d485f..52c8e8fbd 100644
--- a/docs/using-rollup.md
+++ b/docs/using-rollup.md
@@ -27,7 +27,7 @@ export default {
     plugins: [
         alias({
             jszip: path.join(__dirname, './node_modules/jszip/dist/jszip.min.js')
-        })
+        }),
         nodeResolve({ jsnext: true, module: true }),
         commonjs()
     ]