build: add css secondary entries

components/affix/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/alert/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/anchor/style/build.less

@@ -0,0 +1,4 @@
+
+@import './index.less';
+
+@import '../../affix/style/index.less';

components/auto-complete/style/build.less

@@ -0,0 +1,6 @@
+
+@import './index.less';
+
+// style dependencies
+@import '../../select/style/index.less';
+@import '../../input/style/index.less';

components/avatar/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/back-top/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/badge/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/breadcrumb/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/button/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/calendar/style/build.less

@@ -0,0 +1,6 @@
+
+@import './index.less';
+
+// style dependencies
+@import '../../select/style/index.less';
+@import '../../radio/style/index.less';

components/card/style/build.less

@@ -0,0 +1,6 @@
+
+@import './index.less';
+
+// style dependencies
+@import '../../tabs/style/index.less';
+@import '../../grid/style/index.less';

components/carousel/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/cascader/style/build.less

@@ -0,0 +1,6 @@
+
+@import './index.less';
+
+// style dependencies
+@import '../../empty/style/index.less';
+@import '../../input/style/index.less';

components/checkbox/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/collapse/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/comment/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/date-picker/style/build.less

@@ -0,0 +1,8 @@
+
+@import './index.less';
+
+// style dependencies
+// deps-lint-skip: input
+@import '../../input/style/index.less';
+@import '../../time-picker/style/index.less';
+@import '../../tag/style/index.less';

components/divider/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/drawer/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/dropdown/style/build.less

@@ -0,0 +1,5 @@
+
+@import './index.less';
+
+// style dependencies
+@import '../../button/style/index.less';

components/empty/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/form/style/build.less

@@ -0,0 +1,5 @@
+
+@import './index.less';
+
+// style dependencies
+@import '../../grid/style/index.less';

components/grid/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/icon/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/icon/style/index.less

@@ -0,0 +1,4 @@
+@import '../../style/themes/default';
+@import '../../style/mixins/index';
+
+@icon-prefix-cls: ~'@{ant-prefix}-icon';

components/input-number/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/input/style/build.less

@@ -0,0 +1,5 @@
+
+@import './index.less';
+
+// style dependencies
+@import '../../button/style/index.less';

components/layout/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/list/style/build.less

@@ -0,0 +1,7 @@
+
+@import './index.less';
+
+@import '../../empty/style/index.less';
+@import '../../spin/style/index.less';
+@import '../../pagination/style/index.less';
+@import '../../grid/style/index.less';

components/mention/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/menu/style/build.less

@@ -0,0 +1,6 @@
+
+@import './index.less';
+
+// style dependencies
+// deps-lint-skip: layout
+@import '../../tooltip/style/index.less';

components/message/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/modal/style/build.less

@@ -0,0 +1,5 @@
+
+@import './index.less';
+
+// style dependencies
+@import '../../button/style/index.less';

components/notification/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/page-header/style/build.less

@@ -0,0 +1,5 @@
+@import './index.less';
+
+// style dependencies
+@import '../../divider/style/index.less';
+@import '../../breadcrumb/style/index.less';

components/pagination/style/build.less

@@ -0,0 +1,5 @@
+
+@import './index.less';
+
+// style dependencies
+@import '../../select/style/index.less';

components/popconfirm/style/build.less

@@ -0,0 +1,6 @@
+
+
+// style dependencies
+// deps-lint-skip: tooltip, popover
+@import '../../popover/style/index.less';
+@import '../../button/style/index.less';

components/popover/style/build.less

@@ -0,0 +1,5 @@
+
+@import './index.less';
+
+// style dependencies
+// deps-lint-skip: tooltip

components/progress/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/radio/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/rate/style/build.less

@@ -0,0 +1,5 @@
+
+@import './index.less';
+
+// style dependencies
+@import '../../tooltip/style/index.less';

components/select/style/build.less

@@ -0,0 +1,5 @@
+
+@import './index.less';
+
+// style dependencies
+@import '../../empty/style/index.less';

components/skeleton/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/slider/style/build.less

@@ -0,0 +1,5 @@
+
+@import './index.less';
+
+// style dependencies
+@import '../../tooltip/style/index.less';

components/spin/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/statistic/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/steps/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/switch/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/table/style/build.less

@@ -0,0 +1,11 @@
+
+@import './index.less';
+
+// style dependencies
+// deps-lint-skip: menu
+@import '../../empty/style/index.less';
+@import '../../radio/style/index.less';
+@import '../../checkbox/style/index.less';
+@import '../../dropdown/style/index.less';
+@import '../../spin/style/index.less';
+@import '../../pagination/style/index.less';

components/tabs/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/tag/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/time-picker/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/timeline/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/tooltip/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/transfer/style/build.less

@@ -0,0 +1,8 @@
+
+@import './index.less';
+
+// style dependencies
+@import '../../empty/style/index.less';
+@import '../../checkbox/style/index.less';
+@import '../../button/style/index.less';
+@import '../../input/style/index.less';

components/tree-select/style/build.less

@@ -0,0 +1,7 @@
+
+@import './index.less';
+
+// style dependencies
+// deps-lint-skip: select
+@import '../../select/style/index.less';
+@import '../../empty/style/index.less';

components/tree/style/build.less

@@ -0,0 +1,2 @@
+
+@import './index.less';

components/upload/style/build.less

@@ -0,0 +1,6 @@
+
+@import './index.less';
+
+// style dependencies
+@import '../../progress/style/index.less';
+@import '../../tooltip/style/index.less';

scripts/build/generate-less.js

@@ -2,17 +2,30 @@ const fs = require('fs-extra');
 const path = require('path');
 const less = require('less');
 const LessPluginCleanCSS = require('less-plugin-clean-css');
+const NpmImportPlugin = require('less-plugin-npm-import');
 
-function compileLess(content, savePath, min) {
+function compileLess(content, savePath, min, sub, rootPath) {
   return new Promise((resolve, reject) => {
     const plugins = [];
+    const lessOptions = { plugins: plugins, javascriptEnabled: true };
+
     if (min) {
-      const cleanCSSPlugin = new LessPluginCleanCSS({advanced: true});
-      plugins.push(cleanCSSPlugin);
+      plugins.push(new LessPluginCleanCSS({ advanced: true }));
+    }
+
+    if (sub) {
+      lessOptions.paths = [path.dirname(rootPath)];
+      lessOptions.filename = rootPath;
+      plugins.push(
+        new NpmImportPlugin({
+          prefix: '~'
+        })
+      );
     }
-    return less.render
-      .call(less, content, {plugins: plugins, javascriptEnabled: true})
-      .then(({css}) => {
+
+    return less
+      .render(content, lessOptions)
+      .then(({ css }) => {
         fs.writeFileSync(savePath, css);
         resolve();
       })
@@ -22,20 +35,51 @@ function compileLess(content, savePath, min) {
 
 const sourcePath = path.resolve(__dirname, '../../components');
 const targetPath = path.resolve(__dirname, '../../publish');
+const componentFolders = fs.readdirSync(targetPath);
 
-const targetFolder = fs.readdirSync(targetPath);
+// Export each component's style in `component.less` and copy it to the target dir.
 let componentsLessContent = '';
-targetFolder.forEach(dir => {
-    if (fs.existsSync(`${sourcePath}/${dir}/style/index.less`)) {
-      componentsLessContent += `@import "./${path.posix.join(dir, 'style', 'index.less')}";\n`;
-      fs.copySync(`${sourcePath}/${dir}/style`, `${targetPath}/${dir}/style`);
+
+componentFolders.forEach(dir => {
+  if (fs.existsSync(`${sourcePath}/${dir}/style/index.less`)) {
+    // Copy style files for each component.
+    componentsLessContent += `@import "./${path.posix.join(dir, 'style', 'index.less')}";\n`;
+    fs.copySync(`${sourcePath}/${dir}/style`, `${targetPath}/${dir}/style`);
+
+    // Compile less files to CSS and delete the `build.less` file.
+    const buildFilePath = `${sourcePath}/${dir}/style/build.less`;
+    if (fs.existsSync(buildFilePath)) {
+      compileLess(
+        fs.readFileSync(buildFilePath, { encoding: 'utf8' }),
+        path.join(targetPath, dir, 'style', `index.css`),
+        false,
+        true,
+        buildFilePath
+      ).catch(e => console.log(e));
+      compileLess(
+        fs.readFileSync(buildFilePath, { encoding: 'utf8' }),
+        path.join(targetPath, dir, 'style', `index.min.css`),
+        true,
+        true,
+        buildFilePath
+      ).catch(e => console.log(e));
+      fs.removeSync(`${targetPath}/${dir}/style/build.less`);
     }
   }
-);
+});
+
+// Copy concentrated less files.
 fs.copySync(path.resolve(sourcePath, 'style'), path.resolve(targetPath, 'style'));
 fs.writeFileSync(`${targetPath}/components.less`, componentsLessContent);
 fs.writeFileSync(`${targetPath}/ng-zorro-antd.less`, fs.readFileSync(`${sourcePath}/ng-zorro-antd.less`));
 
+// Compile concentrated less file to CSS file.
 const lessContent = `@import "${path.posix.join(targetPath, 'ng-zorro-antd.less')}";`;
 compileLess(lessContent, path.join(targetPath, 'ng-zorro-antd.css'), false);
 compileLess(lessContent, path.join(targetPath, 'ng-zorro-antd.min.css'), true);
+
+// Compile css file that doesn't have component-specific styles.
+const cssIndexPath = path.join(sourcePath, 'style', 'index.less');
+const cssIndex = fs.readFileSync(cssIndexPath, { encoding: 'utf8' });
+compileLess(cssIndex, path.join(targetPath, 'style', 'index.css'), false, true, cssIndexPath);
+compileLess(cssIndex, path.join(targetPath, 'style', 'index.min.css'), true, true, cssIndexPath);