feat: ✨

packages/cli/package.json

@@ -33,6 +33,7 @@
     "@babel/preset-env": "^7.4.4",
     "@babel/preset-typescript": "^7.3.3",
     "@babel/runtime": "^7.5.5",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.4.2",
     "add-server-client-script-webpack-plugin": "^1.0.2",
     "assign-deep": "^1.0.0",
     "author-webpack-plugin": "^1.0.1",
@@ -56,6 +57,7 @@
     "es5-imcompatible-versions": "^0.1.57",
     "escape-string-regexp": "^2.0.0",
     "extract-css-chunks-webpack-plugin": "^4.7.5",
+    "file-loader": "^6.1.1",
     "get-port": "^5.0.0",
     "gh-clone": "^2.0.1",
     "git-clone-repo": "^1.0.0",
@@ -81,6 +83,7 @@
     "portfinder": "^1.0.20",
     "postcss-loader": "^3.0.0",
     "progress-bar-webpack-plugin": "^1.12.1",
+    "react-refresh": "^0.8.3",
     "replace-url-html-webpack-plugin": "^1.0.3",
     "resolve-url-loader": "^3.1.0",
     "saso-log": "^2.0.2",

packages/cli/src/compiler/index.ts

@@ -1,15 +1,16 @@
-import WebpackChain from 'webpack-chain'
 import * as fs from 'fs'
 import * as path from 'path'
-import webpack from 'webpack'
+
+import Hook from './Hook'
+import { SasoCompilerConfig } from '../typings/compiler'
+import WebpackChain from 'webpack-chain'
 import WebpackDevServer from 'webpack-dev-server'
+import createWebpackChain from './utils/createWebpackChain'
+import getConfig from './utils/getConfig'
 import logger from 'saso-log'
-import portfinder from 'portfinder'
-import Hook from './Hook'
 import pick from './utils/pick'
-import getConfig from './utils/getConfig'
-import createWebpackChain from './utils/createWebpackChain'
-import { SasoCompilerConfig } from '../typings/compiler'
+import portfinder from 'portfinder'
+import webpack from 'webpack'
 
 class Compiler {
   config: SasoCompilerConfig
@@ -132,7 +133,7 @@ class Compiler {
         resolve: require.resolve('../plugins/vue-plugin')
       },
       {
-        resolve: require.resolve('../plugins/css-plugin')
+        resolve: require.resolve('../plugins/css-plugin/index2')
       },
       {
         resolve: require.resolve('../plugins/img-plugin')
@@ -210,7 +211,7 @@ class Compiler {
 
   handleCliOpts(opt: SasoCliOpt): void {
     this.config = {}
-    const cliOpts = [ 'analyzer', 'clear', 'configFile', 'debug', 'dev', 'entry', 'port', 'prod', 'watch', 'minify' ]
+    const cliOpts = [ 'analyzer', 'clear', 'configFile', 'debug', 'dev', 'entry', 'port', 'prod', 'watch', 'minify', 'typescriptCompiler' ]
     // eslint-disable-next-line prefer-spread
     const results = pick.apply(null, [ opt ].concat(cliOpts))
     Object.assign(this.config, results)

packages/cli/src/compiler/utils/getConfig.ts

@@ -1,14 +1,17 @@
-import { cosmiconfigSync } from 'cosmiconfig'
 import * as path from 'path'
-import defaultConfig from './defaultConfig'
+
 import assign from 'assign-deep'
+import { cosmiconfigSync } from 'cosmiconfig'
+import defaultConfig from './defaultConfig'
 
 export default (cliConfig): SasoConfig => {
   let config = defaultConfig
   const explorer = cosmiconfigSync('saso')
   let result
   if (cliConfig.configFile) result = explorer.load(cliConfig.configFile)
   else result = explorer.search()
+  console.log('result')
+  console.log(result)
   if (result && result.config) {
     config = assign(config, result.config)
   }

packages/cli/src/plugins/js-plugin/index.ts

@@ -72,6 +72,9 @@ const plugin: SasoPlugin = {
           cacheDirectory: true
         })
         .end()
+        console.log('typescriptCompiler')
+        console.log(typescriptCompiler)
+
       if (typescriptCompiler === 'typescript') {
         c.module
         .rule('compile ts')

packages/template-ts-react-mobx-lite/.browserslistrc

@@ -0,0 +1,10 @@
+>1%
+
+last 2 Chrome major versions
+last 2 Firefox major versions
+last 2 Edge major versions
+last 2 Safari major versions
+ie 11
+last 3 Android major versions
+last 3 ChromeAndroid major versions
+last 2 iOS major versions

packages/template-ts-react-mobx-lite/.editorconfig

@@ -0,0 +1,15 @@
+# http://editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+insert_final_newline = false
+trim_trailing_whitespace = false

packages/template-ts-react-mobx-lite/.eslintignore

@@ -0,0 +1,3 @@
+node_modules
+
+postcss.config.js

packages/template-ts-react-mobx-lite/.eslintrc

@@ -0,0 +1,21 @@
+{
+  "root": true,
+  "extends": [
+    "plugin:@typescript-eslint/recommended",
+    "prettier",
+    "prettier/@typescript-eslint"
+  ],
+  "plugins": [
+    "@typescript-eslint"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "sourceType": "module",
+    "project": "./tsconfig.json"
+  },
+  "rules": {
+    "@typescript-eslint/explicit-member-accessibility": ["off"],
+    "@typescript-eslint/explicit-function-return-type": ["off"],
+    "@typescript-eslint/no-parameter-properties": ["off"]
+  }
+}