refactor[core]: use webpack-dev-server now (#355)

* bump deps: update vue-splitpane version

* refactor[chore]: use webpack-dev-serve build

* perf:settings

* doc: uodate readme

src/App.vue

@@ -9,8 +9,3 @@
     name: 'APP'
   }
 </script>
-
-<style lang="scss">
-@import '~normalize.css/normalize.css'; // normalize.css 样式格式化
-@import './styles/index.scss'; // 全局自定义样式
-</style>

src/components/ImageCropper/index.vue

@@ -105,7 +105,7 @@
 <script>
     /* eslint-disable */
     import {effectRipple, data2blob} from './utils';
-    import request from 'utils/request';
+    import request from '@/utils/request';
     import langBag from './lang';
     const mimes = {
         'jpg': 'image/jpeg',

src/main.js

@@ -1,15 +1,23 @@
 import Vue from 'vue'
+
+import 'normalize.css/normalize.css'// A modern alternative to CSS resets
+
 import Element from 'element-ui'
 import 'element-ui/lib/theme-chalk/index.css'
-import i18n from './lang' // 国际化
+
+import '@/styles/index.scss' // global css
+
 import App from './App'
 import router from './router'
 import store from './store'
-import * as filters from './filters' // 全局filter
+
+import i18n from './lang' // Internationalization
 import './icons' // icon
 import './errorLog'// error log
-import './permission' // 权限
-import './mock' // 该项目所有请求使用mockjs模拟
+import './permission' // permission control
+import './mock' // simulation data generator
+
+import * as filters from './filters' // global filter
 
 Vue.use(Element, {
   i18n: (key, value) => i18n.t(key, value)

src/vendor/Export2Excel.js

@@ -1,6 +1,6 @@
 /* eslint-disable */
 require('script-loader!file-saver');
-require('script-loader!vendor/Blob');
+require('script-loader!@/vendor/Blob');
 import XLSX from 'xlsx'
 
 function generateArray(table) {

src/views/example/table/complexTable.vue

@@ -331,7 +331,7 @@ export default {
     },
     handleDownload() {
       require.ensure([], () => {
-        const { export_json_to_excel } = require('vendor/Export2Excel')
+        const { export_json_to_excel } = require('@/vendor/Export2Excel')
         const tHeader = ['时间', '地区', '类型', '标题', '重要性']
         const filterVal = ['timestamp', 'province', 'type', 'title', 'importance']
         const data = this.formatJson(filterVal, this.list)

src/views/excel/exportExcel.vue

@@ -35,7 +35,7 @@
 
 <script>
 import { fetchList } from '@/api/article'
-import { parseTime } from 'utils'
+import { parseTime } from '@/utils'
 
 export default {
   name: 'exportExcel',
@@ -61,7 +61,7 @@ export default {
     handleDownload() {
       this.downloadLoading = true
       require.ensure([], () => {
-        const { export_json_to_excel } = require('vendor/Export2Excel')
+        const { export_json_to_excel } = require('@/vendor/Export2Excel')
         const tHeader = ['序号', '文章标题', '作者', '阅读数', '发布时间']
         const filterVal = ['id', 'title', 'author', 'pageviews', 'display_time']
         const list = this.list

src/views/excel/selectExcel.vue

@@ -67,7 +67,7 @@ export default {
       if (this.multipleSelection.length) {
         this.downloadLoading = true
         require.ensure([], () => {
-          const { export_json_to_excel } = require('vendor/Export2Excel')
+          const { export_json_to_excel } = require('@/vendor/Export2Excel')
           const tHeader = ['序号', '文章标题', '作者', '阅读数', '发布时间']
           const filterVal = ['id', 'title', 'author', 'pageviews', 'display_time']
           const list = this.multipleSelection

src/views/excel/uploadExcel.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import UploadExcelComponent from 'components/UploadExcel/index.vue'
+import UploadExcelComponent from '@/components/UploadExcel/index.vue'
 
 export default {
   name: 'uploadExcel',

src/views/layout/Layout.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import { Navbar, Sidebar, AppMain, TagsView } from 'views/layout/components'
+import { Navbar, Sidebar, AppMain, TagsView } from './components'
 
 export default {
   name: 'layout',

src/views/zip/index.vue

@@ -60,7 +60,7 @@ export default {
     handleDownload() {
       this.downloadLoading = true
       require.ensure([], () => {
-        const { export_txt_to_zip } = require('vendor/Export2Zip')
+        const { export_txt_to_zip } = require('@/vendor/Export2Zip')
         const tHeader = ['序号', '文章标题', '作者', '阅读数', '发布时间']
         const filterVal = ['id', 'title', 'author', 'pageviews', 'display_time']
         const list = this.list