Merge branch 'master' of https://github.com/Yoshino-UI/Yoshino

package.json

@@ -63,7 +63,7 @@
     ]
   },
   "engines": {
-    "node": ">= 7.0.0"
+    "node": ">= 6.0.0"
   },
   "dependencies": {
     "@types/classnames": "*",
@@ -95,10 +95,12 @@
     "css-loader": "^0.28.11",
     "cz-conventional-changelog": "^2.1.0",
     "file-loader": "^1.1.11",
+    "fork-ts-checker-webpack-plugin": "^0.4.2",
     "gulp": "^3.9.1",
     "gulp-clean-css": "^3.9.3",
     "gulp-less": "^4.0.0",
     "gulp-postcss": "^7.0.1",
+    "happypack": "^5.0.0",
     "highlight.js": "^9.12.0",
     "html-webpack-plugin": "^3.2.0",
     "husky": "^0.14.3",

webpack.config.js

@@ -1,5 +1,7 @@
 const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
+const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
+const HappyPack = require('happypack');
 
 module.exports = {
   mode: 'development',
@@ -17,13 +19,13 @@ module.exports = {
     rules: [
       {
         test: /\.(tsx|ts)$/,
-        use: ['ts-loader'],
+        use: ['happypack/loader?id=ts'],
         include: [path.resolve('components'), path.resolve('docs')],
         exclude: [/__tests__/],
       },
       {
         test: /\.(css|less)$/,
-        use: ['style-loader', 'css-loader', 'postcss-loader', 'less-loader'],
+        use: ['happypack/loader?id=css'],
         include: [
           path.resolve('components'),
           path.resolve('scripts'),
@@ -51,6 +53,23 @@ module.exports = {
       template: path.resolve('./docs/index.html'),
       favicon: path.resolve('./docs/favicon.ico'),
     }),
+    new ForkTsCheckerWebpackPlugin(),
+    new HappyPack({
+      id: 'ts',
+      loaders: [
+        {
+          loader: 'ts-loader',
+          options: {
+            happyPackMode: true,
+            transpileOnly: true,
+          },
+        },
+      ]
+    }),
+    new HappyPack({
+      id: 'css',
+      loaders: ['style-loader', 'css-loader', 'postcss-loader', 'less-loader']
+    }),
   ],
   devServer: {
     historyApiFallback: true,