[WIP]add ts support

template/build/webpack.base.conf.js

@@ -9,7 +9,7 @@ function resolve (dir) {
 
 module.exports = {
   entry: {
-    app: './src/main.js'
+    app: './src/main.ts'
   },
   output: {
     path: config.build.assetsRoot,
@@ -19,7 +19,7 @@ module.exports = {
       : config.dev.assetsPublicPath
   },
   resolve: {
-    extensions: ['.js', '.vue', '.json'],
+    extensions: ['.js', '.vue', '.json', '.ts'],
     alias: {
       {{#if_eq build "standalone"}}
       'vue$': 'vue/dist/vue.esm.js',
@@ -45,6 +45,14 @@ module.exports = {
         loader: 'vue-loader',
         options: vueLoaderConfig
       },
+      {
+        test: /\.ts$/,
+        loader: 'ts-loader',
+        include: [resolve('src'), resolve('test')],
+        options: {
+          appendTsSuffixTo: [/\.vue$/]
+        }
+      },
       {
         test: /\.js$/,
         loader: 'babel-loader',

template/package.json

@@ -90,6 +90,9 @@
     "vue-loader": "^11.1.4",
     "vue-style-loader": "^2.0.0",
     "vue-template-compiler": "^2.2.4",
+    "vue-class-component": "^5.0.0",
+    "ts-loader": "^2.0.3",
+    "typescript": "^2.2.1",
     "webpack": "^2.2.1",
     "webpack-dev-middleware": "^1.10.0",
     "webpack-hot-middleware": "^2.16.1",

template/src/App.vue

@@ -9,7 +9,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 {{#unless router}}
 import Hello from './components/Hello'{{#if_eq lintConfig "airbnb"}};{{/if_eq}}
 

template/src/components/Hello.vue

@@ -20,7 +20,7 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 export default {
   name: 'hello',
   data{{#unless_eq lintConfig "airbnb"}} {{/unless_eq}}() {

template/tsconfig.json

@@ -0,0 +1,14 @@
+{
+	"compilerOptions": {
+		"experimentalDecorators": true,
+		"allowSyntheticDefaultImports": true,
+		"module": "es2015",
+		"moduleResolution": "node",
+		"noImplicitAny": true,
+		"target": "es5",
+		"lib": ["dom", "es5", "es2015.promise"]
+	},
+	"files": [
+		"./src/main.ts"
+	]
+}