关于electron-vue用typescript改写遇到的几个坑

一，前言
       最近在做一个用electron-vue重构的桌面应用，但是要用typescript代替js，并加入vuex，在前期准备阶段着实遇到了不少坑
二，关于坑
首先我的项目是基于electron-vue官配的脚手架生成的

npm install -g vue-cli                            //全局安装
vue init simulatedgreg/electron-vue my-project    //创建工程

如上图，项目目录结构基本没有改变

1,src目录下创建vue.sfc.d.ts全局声明文件:

// 配置ts读取.vue文件
declare module "*.vue"{
  import Vue from 'vue'
  export default Vue
}

2,ts改写依赖安装:

npm install typescript,ts-loader -D

ts-loader用于项目中解析.ts文件
.electron-vue目录下更新webpack关于ts解析的配置

//webpack.main.config.js & webpack.renderer.config.js
......

module: {
    rules: [
      {
        test: /\.ts$/,
        use: {
        loader: "ts-loader"