fixed 解耦

Author: xiaofan9

README.md

@@ -1,27 +0,0 @@
-# vue-ts-scaffold
-
->
-
-## 此脚手架工程以 https://github.com/ws456999/vue-typescript-starter 为基础库改进实现的
-
-## 特性
-
-*   一键式开关（使用 config.ts 控制是否使用 typescript）
-*   部分 loader 使用多线程加速
-*   基于 webpack 3.\*及 vue-cli 最新版本（2.9.3 生成的脚手架，进行相关性改进及性能优化。
-
-## 开始
-
-```bash
-# clone this repo
-git clone https://github.com/xiaofan9/vue-ts-scaffold
-
-# Install project dependencies
-npm install
-
-# serve with hot reload at localhost:8080
-npm run dev
-
-# build for production with minification
-npm run build
-```

build/vue-loader.conf.js

@@ -15,12 +15,10 @@ module.exports = {
         : config.dev.cssSourceMap,
       extract: isProduction
     }),
-    config.ts
-      ? {
-          ts: "ts-loader",
-          tsx: "babel-loader?cacheDirectory=true!ts-loader"
-        }
-      : {}
+    {
+      ts: "ts-loader",
+      tsx: "babel-loader?cacheDirectory=true!ts-loader"
+    }
   ),
   cssSourceMap: sourceMapEnabled,
   // 在模版编译过程中，编译器可以将某些属性，如 src 路径，转换为 require 调用，以便目标资源可以由 webpack 处理

build/webpack.base.conf.js

@@ -28,34 +28,9 @@ const eslint = () => [
   }
 ];
 
-// typescript 解析规则
-const ts = () => [
-  {
-    test: /\.tsx$/,
-    enforce: "pre",
-    loader: "tslint-loader",
-    options: {
-      failOnHint: true
-      // tsConfigFile: "../tslint.json"
-    }
-  },
-  {
-    test: /\.tsx?$/,
-    include: [resolve("src")],
-    use: [
-      "babel-loader",
-      {
-        loader: "ts-loader",
-        options: { appendTsxSuffixTo: [/\.vue$/] }
-      }
-    ]
-  }
-];
-
 module.exports = {
   entry: {
-    // 根据配置文件判断是否载入 ts
-    app: config.ts ? "./src/main.ts" : "./src/main.js"
+    app: "./src/main.ts"
   },
   output: {
     path: config.build.assetsRoot,
@@ -79,7 +54,26 @@ module.exports = {
     rules: [
       // 根据 vue-cli 来，根据参数判断是否载入eslint配置
       ...(config.dev.useEslint ? eslint() : []),
-      ...(config.ts ? ts() : []),
+      {
+        test: /\.tsx$/,
+        enforce: "pre",
+        loader: "tslint-loader",
+        options: {
+          failOnHint: true
+          // tsConfigFile: "../tslint.json"
+        }
+      },
+      {
+        test: /\.tsx?$/,
+        include: [resolve("src")],
+        use: [
+          "babel-loader",
+          {
+            loader: "ts-loader",
+            options: { appendTsxSuffixTo: [/\.vue$/] }
+          }
+        ]
+      },
       {
         test: /\.js$/,
         loader: "babel-loader?cacheDirectory=true",

config/index.js

@@ -51,6 +51,5 @@ module.exports = {
     cssSourceMap: true,
     // 外部依赖库配置  key 库名称 value window全局变量名称
     externals: {}
-  },
-  ts: true
+  }
 };