vue-cli3 js 项目引入ts混用步骤与 爆错[webpack-cli] Error: The loaded module contains errors at

爆错相关如下：

[webpack-cli] Error: The loaded module contains errors at xxx/node_modules/webpack/lib/dependencies/LoaderPlugin.js:110:11 at 

引入步骤参见

vue-cli3 js项目中引入ts混用（typeScript）

启动项目后闪退并且有如上一大串爆错。

解决方案：

在vue.config.js中，修改configureWebpack.module.rules.options：

transpileOnly:true

module.exports = {
 configureWebpack: {    
    resolve: { extensions: [".ts", ".tsx", ".js", ".json"] },    
    module: {        
      rules: [    
        {    
          test: /\.tsx?$/,    
          loader: 'ts-loader',    
          exclude: /node_modules/,    
          options: {
            appendTsSuffixTo: [/\.vue$/],
            transpileOnly:true    
          }    
        }        
      ]    
    }    
  }  
}  

倾情感谢该issue：https://github.com/babel/babel-loader/issues/912