remove html-minifier

package.json

@@ -4,13 +4,12 @@
   "description": "A reactjs, angular and vuejs tree component.",
   "main": "index.js",
   "scripts": {
-    "build": "npm run minifier-template && npm run file2variable && npm run clean && tsc -p src && tsc -p demo && lessc src/tree.less > dist/tree.css && cleancss -o dist/tree.min.css dist/tree.css && webpack --config demo/webpack.config.js && npm run rev",
+    "build": "npm run file2variable && npm run clean && tsc -p src && tsc -p demo && lessc src/tree.less > dist/tree.css && cleancss -o dist/tree.min.css dist/tree.css && webpack --config demo/webpack.config.js && npm run rev",
     "lint": "tslint \"src/*.ts\" \"src/*.tsx\" \"demo/**/*.ts\" \"demo/**/*.tsx\" && stylelint \"src/*.less\" --syntax less",
     "rev": "npm run clean-rev && rev-static --config demo/rev-static.config.js",
     "clean-rev": "rimraf demo/react.bundle-*.js demo/vue.bundle-*.js demo/angular.bundle-*.js",
     "image": "image2base64-cli images/*.png images/*.gif --less src/variables.less",
-    "minifier-template": "html-minifier --collapse-whitespace --case-sensitive --collapse-inline-tag-whitespace src/vue-node.template.html -o src/vue-node.html && html-minifier --collapse-whitespace --case-sensitive --collapse-inline-tag-whitespace src/vue-tree.template.html -o src/vue-tree.html && html-minifier --collapse-whitespace --case-sensitive --collapse-inline-tag-whitespace src/angular-node.template.html -o src/angular-node.html && html-minifier --collapse-whitespace --case-sensitive --collapse-inline-tag-whitespace src/angular-tree.template.html -o src/angular-tree.html",
-    "file2variable": "file2variable-cli src/angular-node.html src/angular-tree.html -o src/angular-variables.ts && file2variable-cli src/vue-node.html src/vue-tree.html -o src/vue-variables.ts",
+    "file2variable": "file2variable-cli src/angular-node.template.html src/angular-tree.template.html -o src/angular-variables.ts --html-minify && file2variable-cli src/vue-node.template.html src/vue-tree.template.html -o src/vue-variables.ts --html-minify",
     "clean": "rimraf dist"
   },
   "repository": {
@@ -35,8 +34,7 @@
     "@types/react-dom": "15.5.0",
     "clean-css-cli": "4.0.12",
     "core-js": "2.4.1",
-    "file2variable-cli": "1.0.0",
-    "html-minifier": "3.4.3",
+    "file2variable-cli": "1.1.0",
     "image2base64-cli": "1.0.3",
     "less": "2.7.2",
     "react": "15.5.4",

src/angular-variables.ts

@@ -1,2 +1,2 @@
-export const srcAngularNodeHtml = `<li role="treeitem" [class]="nodeClassName"><i class="tree-icon tree-ocl" role="presentation" (click)="ontoggle()"></i><a [class]="anchorClassName" href="javascript:void(0)" [draggable]="draggable" (click)="onchange()" (dblclick)="ontoggle()" (mouseenter)="hover(true)" (mouseleave)="hover(false)" [attr.data-path]="pathString"><i *ngIf="checkbox" [class]="checkboxClassName" role="presentation"></i><i *ngIf="data.icon !== false" [class]="iconClassName" role="presentation"></i>{{data.text}}<span *ngIf="hasMarker" [class]="markerClassName">&#160;</span></a><ul *ngIf="data.children" role="group" class="tree-children"><node *ngFor="let child of data.children; let i = index" [data]="child" [last]="i === data.children.length - 1" [checkbox]="checkbox" [path]="geChildPath(i)" [draggable]="draggable" (toggle)="ontoggle($event)" (change)="onchange($event)"></node></ul></li>`;
-export const srcAngularTreeHtml = `<div [class]="rootClassName" role="tree"><ul [class]="containerClassName" role="group" (drag)="ondrag($event)" (dragstart)="ondragstart($event)" (dragend)="ondragend($event)" (dragover)="ondragover($event)" (dragenter)="ondragenter($event)" (dragleave)="ondragleave($event)" (drop)="ondrop($event)"><node *ngFor="let child of data; let i = index" [data]="child" [last]="i === data.length - 1" [checkbox]="checkbox" [path]="[i]" [draggable]="draggable" (toggle)="ontoggle($event)" (change)="onchange($event)"></node></ul></div>`;
+export const srcAngularNodeTemplateHtml = `<li role="treeitem" [class]="nodeClassName"><i class="tree-icon tree-ocl" role="presentation" (click)="ontoggle()"></i><a [class]="anchorClassName" href="javascript:void(0)" [draggable]="draggable" (click)="onchange()" (dblclick)="ontoggle()" (mouseenter)="hover(true)" (mouseleave)="hover(false)" [attr.data-path]="pathString"><i *ngIf="checkbox" [class]="checkboxClassName" role="presentation"></i><i *ngIf="data.icon !== false" [class]="iconClassName" role="presentation"></i>{{data.text}}<span *ngIf="hasMarker" [class]="markerClassName">&#160;</span></a><ul *ngIf="data.children" role="group" class="tree-children"><node *ngFor="let child of data.children; let i = index" [data]="child" [last]="i === data.children.length - 1" [checkbox]="checkbox" [path]="geChildPath(i)" [draggable]="draggable" (toggle)="ontoggle($event)" (change)="onchange($event)"></node></ul></li>`;
+export const srcAngularTreeTemplateHtml = `<div [class]="rootClassName" role="tree"><ul [class]="containerClassName" role="group" (drag)="ondrag($event)" (dragstart)="ondragstart($event)" (dragend)="ondragend($event)" (dragover)="ondragover($event)" (dragenter)="ondragenter($event)" (dragleave)="ondragleave($event)" (drop)="ondrop($event)"><node *ngFor="let child of data; let i = index" [data]="child" [last]="i === data.length - 1" [checkbox]="checkbox" [path]="[i]" [draggable]="draggable" (toggle)="ontoggle($event)" (change)="onchange($event)"></node></ul></div>`;

src/angular.ts

@@ -1,10 +1,10 @@
 import { Component, Input, Output, EventEmitter } from "@angular/core";
 import * as common from "./common";
-import { srcAngularNodeHtml, srcAngularTreeHtml } from "./angular-variables";
+import { srcAngularNodeTemplateHtml, srcAngularTreeTemplateHtml } from "./angular-variables";
 
 @Component({
     selector: "node",
-    template: srcAngularNodeHtml,
+    template: srcAngularNodeTemplateHtml,
 })
 export class NodeComponent {
     @Input()
@@ -87,7 +87,7 @@ export class NodeComponent {
 
 @Component({
     selector: "tree",
-    template: srcAngularTreeHtml,
+    template: srcAngularTreeTemplateHtml,
 })
 export class TreeComponent {
     @Input()

src/vue-variables.ts

@@ -1,2 +1,2 @@
-export const srcVueNodeHtml = `<li role="treeitem" :class="nodeClassName"><i class="tree-icon tree-ocl" role="presentation" @click="ontoggle()"></i><a :class="anchorClassName" href="javascript:void(0)" :draggable="draggable" @click="onchange()" @dblclick="ontoggle()" @mouseenter="hover(true)" @mouseleave="hover(false)" :data-path="pathString"><i v-if="checkbox" :class="checkboxClassName" role="presentation"></i><i v-if="data.icon !== false" :class="iconClassName" role="presentation"></i>{{data.text}}<span v-if="hasMarker" :class="markerClassName">&#160;</span></a><ul v-if="data.children" role="group" class="tree-children"><node v-for="(child, i) in data.children" :data="child" :last="i === data.children.length - 1" :checkbox="checkbox" :path="geChildPath(i)" :draggable="draggable" @toggle="ontoggle(arguments[0])" @change="onchange(arguments[0])"></node></ul></li>`;
-export const srcVueTreeHtml = `<div :class="rootClassName" role="tree"><ul :class="containerClassName" role="group" @drag="ondrag($event)" @dragstart="ondragstart($event)" @dragend="ondragend($event)" @dragover="ondragover($event)" @dragenter="ondragenter($event)" @dragleave="ondragleave($event)" @drop="ondrop($event)"><node v-for="(child, i) in data" :data="child" :last="i === data.length - 1" :checkbox="checkbox" :path="[i]" :draggable="draggable" @toggle="ontoggle(arguments[0])" @change="onchange(arguments[0])"></node></ul></div>`;
+export const srcVueNodeTemplateHtml = `<li role="treeitem" :class="nodeClassName"><i class="tree-icon tree-ocl" role="presentation" @click="ontoggle()"></i><a :class="anchorClassName" href="javascript:void(0)" :draggable="draggable" @click="onchange()" @dblclick="ontoggle()" @mouseenter="hover(true)" @mouseleave="hover(false)" :data-path="pathString"><i v-if="checkbox" :class="checkboxClassName" role="presentation"></i><i v-if="data.icon !== false" :class="iconClassName" role="presentation"></i>{{data.text}}<span v-if="hasMarker" :class="markerClassName">&#160;</span></a><ul v-if="data.children" role="group" class="tree-children"><node v-for="(child, i) in data.children" :data="child" :last="i === data.children.length - 1" :checkbox="checkbox" :path="geChildPath(i)" :draggable="draggable" @toggle="ontoggle(arguments[0])" @change="onchange(arguments[0])"></node></ul></li>`;
+export const srcVueTreeTemplateHtml = `<div :class="rootClassName" role="tree"><ul :class="containerClassName" role="group" @drag="ondrag($event)" @dragstart="ondragstart($event)" @dragend="ondragend($event)" @dragover="ondragover($event)" @dragenter="ondragenter($event)" @dragleave="ondragleave($event)" @drop="ondrop($event)"><node v-for="(child, i) in data" :data="child" :last="i === data.length - 1" :checkbox="checkbox" :path="[i]" :draggable="draggable" @toggle="ontoggle(arguments[0])" @change="onchange(arguments[0])"></node></ul></div>`;

src/vue.ts

@@ -1,10 +1,10 @@
 import * as Vue from "vue";
 import Component from "vue-class-component";
 import * as common from "./common";
-import { srcVueNodeHtml, srcVueTreeHtml } from "./vue-variables";
+import { srcVueNodeTemplateHtml, srcVueTreeTemplateHtml } from "./vue-variables";
 
 @Component({
-    template: srcVueNodeHtml,
+    template: srcVueNodeTemplateHtml,
     props: ["data", "last", "checkbox", "path", "draggable"],
 })
 class Node extends Vue {
@@ -79,7 +79,7 @@ class Node extends Vue {
 Vue.component("node", Node);
 
 @Component({
-    template: srcVueTreeHtml,
+    template: srcVueTreeTemplateHtml,
     props: ["data", "checkbox", "draggable", "nodots", "size", "theme"],
 })
 export class Tree extends Vue {