修改bug.

Author: wangchenhao

build/vendor_manifest.json

@@ -18,7 +18,9 @@ module.exports = {
   },
   resolve: {
     extensions: ['.ts', '.js', '.json'],
-    alias: {}
+    alias: {
+      'vue': 'vue/dist/vue.min.js',
+    }
   },
   module: {
     rules: [{
@@ -74,4 +76,3 @@ module.exports = {
     }),
   ]
 }
-

build/webpack.base.conf.js

@@ -1,32 +1,40 @@
-var path = require('path');
+const path = require('path');
 const webpack = require('webpack');
 const vendors = [
   'es6-promise',
   'axios',
   'js-cookie',
   'lodash',
   'moment',
-  'vue',
+  'vue/dist/vue.min.js',
   'vuex',
   'vue-i18n',
   'vue-router',
   'vue-class-component',
-  // "element-ui": "^1.4.0",
+  'vue-property-decorator',
+  'vuex-class',
+  'element-ui',
 ];
 
 module.exports = {
   entry: {
     vendor: vendors
   },
   resolve: {
-    extensions: [".js", ".jsx"]
+    extensions: [".js", ".jsx"],
+    alias: {
+      'vue': 'vue/dist/vue.min.js',
+    }
   },
   output: {
     path: path.resolve(__dirname, '../static'),
     filename: '[name].dll.js',
     library: '[name]_library'
   },
   plugins: [
+    new webpack.DefinePlugin({
+      'process.env.NODE_ENV': JSON.stringify('production')
+    }),
     new webpack.DllPlugin({
       context: __dirname,
       path: path.resolve(__dirname, '../build/[name]_manifest.json'),
@@ -38,4 +46,4 @@ module.exports = {
       },
     }),
   ]
-};
+};

build/webpack.dll.conf.js

@@ -28,7 +28,7 @@ module.exports = {
   },
   dev: {
     env: require('./dev.env'),
-    port: 3000,
+    port: 3001,
     autoOpenBrowser: false,
     assetsSubDirectory: 'static',
     assetsPublicPath: '/',

config/index.js

@@ -1,5 +1,5 @@
 {
-  "name": "admin-ts",
+  "name": "vue-typescript-ts",
   "version": "1.0.0",
   "description": "A Vue.js project",
   "author": "wangchenhao <[email protected]>",

package.json

@@ -1,9 +1,8 @@
-import 'es6-promise/auto';
 import _ from 'lodash';
 import Cookie from 'js-cookie';
 import Vue from 'vue';
-import ElementUI from 'element-ui';
 import './assets/style/index.scss';
+import ElementUI from 'element-ui';
 import config from './config';
 import Common from './common';
 import i18n from './i18n';

src/Basic.ts

@@ -1,12 +1,15 @@
 // The Vue build version to load with the `import` command
 // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
-import { Vue, i18n } from '../../Basic';
-import router from '../../router';
-import store from '../../store';
+import { Vue, i18n } from '../Basic';
+import router from '../router';
+import store from '../store';
+// import App from '../views/main/index';
 // tslint:disable-next-line:no-unused-expression
 new Vue({
   el: '#app',
   router,
   store,
   i18n,
+  // template: '<app></app>',
+  // components: { App },
 });

src/entry/system/index.ts src/entry/index.ts

@@ -1,12 +1,28 @@
-// import Vue from 'vue';
-// import Component from 'vue-class-component';
-import { Vue, Component, Watch, Inject, Provide, Model, Prop, Emit } from 'vue-property-decorator';
+import Vue from 'vue';
+import Component from 'vue-class-component';
+import { Watch, Inject, Provide, Model, Prop, Emit } from 'vue-property-decorator';
 /**
  * 基类用来定义共用方法
  * @export
  * @class Basis
  * @extends {Vue}
  */
 export class Basis extends Vue {
+  /**
+   * 将字符串转换为数组
+   * @param {string} str 字符串
+   * @returns {string[]} 返回数组
+   * @memberof Basis
+   */
+  strToArray(str: string, ...arge: any[]): any[] {
+    const format = arge[0] || ',';
+    if (this.$_.isString(str)) {
+      return str.split(',');
+    }
+    if (str) {
+      console.warn('[Basis Warn]:需要转换的不是字符串!');
+    }
+    return [];
+  }
 }
 export { Component, Watch, Inject, Provide, Model, Prop, Emit };

src/views/Basis.ts

@@ -1,32 +1,32 @@
 import { Basis, Component } from '../Basis';
-
 @Component({
   template: require('./layout.html'),
 })
 class Main extends Basis {
-  constructor() {
-    super();
-  }
   mounted() {
     const loadEl = document.getElementById('loading');
     if (loadEl) {
       loadEl.style.display = 'none';
     }
-    this.$http({
-      url: '/public/reset',
-      method: 'post',
-      params: {
-        ID: 12345,
-      },
-      // get 不会发送 data 中的数据
-      data: {
-        firstName: 'Fred',
-      },
-    }).then((response) => {
-      console.log(response);
-    }).catch((error) => {
+    try {
+      this.$http({
+        url: '/public/reset',
+        method: 'post',
+        params: {
+          ID: 12345,
+        },
+        // get 不会发送 data 中的数据
+        data: {
+          firstName: 'Fred',
+        },
+      }).then((response) => {
+        console.log(response);
+      }).catch((error) => {
+        console.log(error);
+      });
+    } catch (error) {
       console.log(error);
-    });
+    }
   }
 
   open() {