build: add inline step for templateUrl (NG-ZORRO#831)

closes NG-ZORRO#684

build.sh

@@ -4,6 +4,7 @@ readonly currentDir=$(cd $(dirname $0); pwd)
 cd ${currentDir}
 rm -rf publish
 cp -r src/components src/__gen_components
+node ./inline-template.js
 node ./less.convert.js
 
 echo 'Compiling to es2015 via Angular compiler'

inline-template.js

@@ -0,0 +1,30 @@
+const fs = require('fs')
+const path = require('path')
+const glob = require('glob').sync
+
+function inlineResourcesForDirectory(folderPath) {
+  glob(path.join(folderPath, '**/*.ts')).forEach(filePath => inlineResources(filePath))
+}
+
+function inlineResources(filePath) {
+  let fileContent = fs.readFileSync(filePath, 'utf-8')
+
+  fileContent = inlineTemplate(fileContent, filePath)
+
+  fs.writeFileSync(filePath, fileContent, 'utf-8')
+}
+
+function inlineTemplate(fileContent, filePath) {
+  return fileContent.replace(/templateUrl\s*:\s*'([^']+?\.html)'/g, (_match, templateUrl) => {
+    const templatePath = path.join(path.dirname(filePath), templateUrl)
+    const templateContent = loadResourceFile(templatePath)
+    return `template: \`${templateContent}\``
+  })
+}
+
+function loadResourceFile(filePath) {
+  return fs.readFileSync(filePath, 'utf-8')
+    .replace(/([\n\r]\s*)+/gm, ' ')
+}
+
+inlineResourcesForDirectory('./src/__gen_components')

package.json

@@ -64,6 +64,7 @@
     "codelyzer": "~4.0.1",
     "core-js": "^2.4.1",
     "coveralls": "^2.13.1",
+    "glob": "^7.1.2",
     "highlight.js": "^9.12.0",
     "intl": "^1.2.5",
     "jasmine-core": "~2.6.2",

src/components/button/nz-button.component.html

@@ -0,0 +1,2 @@
+<i class="anticon anticon-spin anticon-loading" *ngIf="nzLoading"></i>
+<ng-content></ng-content>

src/components/button/nz-button.component.ts

@@ -16,10 +16,7 @@ export type NzButtonSize = 'small' | 'large' | 'default' ;
 @Component({
   selector     : '[nz-button]',
   encapsulation: ViewEncapsulation.None,
-  template     : `
-    <i class="anticon anticon-spin anticon-loading" *ngIf="nzLoading"></i>
-    <ng-content></ng-content>
-  `,
+  templateUrl  : './nz-button.component.html',
   styleUrls    : [
     './style/index.less'
   ]