升级vue、vue-router、vuex、element-ui

Author: labnize

build/webpack.config.js

@@ -1,6 +1,7 @@
 const webpack = require('webpack');
 const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
+const { VueLoaderPlugin } = require('vue-loader');
 
 const webpackConfig = {
   entry: {
@@ -77,7 +78,8 @@ const webpackConfig = {
       filename: 'index.html',
       template: path.resolve(__dirname, '../index.html'),
       inject: true
-    })
+    }),
+    new VueLoaderPlugin()
   ]
 };
 

build/webpack.dist.config.js

@@ -2,8 +2,9 @@ const webpack = require('webpack');
 const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const CleanWebpackPlugin = require('clean-webpack-plugin');
-const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
 const ExtractTextPlugin = require('extract-text-webpack-plugin');
+const { VueLoaderPlugin } = require('vue-loader');
 
 const extractSass = new ExtractTextPlugin({
   filename: 'styles.[contenthash].css',
@@ -13,7 +14,7 @@ const extractSass = new ExtractTextPlugin({
 const webpackConfig = {
   entry: {
     app: path.resolve(__dirname, '../src/main.js'),
-    vendor: ['vue', 'element-ui', 'vue-router']
+    vendor: ['vue', 'element-ui', 'vue-router', 'vuex', 'echarts']
   },
   output: {
     path: path.join(__dirname, '../dist'),
@@ -104,7 +105,7 @@ const webpackConfig = {
         warnings: false
       },
       mangle: {
-        except: ['$super', '$', 'exports', 'require']  // 以上变量‘$super’, ‘$’, ‘exports’ or ‘require’，不会被混淆
+        except: ['$super', '$', 'exports', 'require'] // 以上变量‘$super’, ‘$’, ‘exports’ or ‘require’，不会被混淆
       },
       output: {
         comments: false
@@ -129,7 +130,8 @@ const webpackConfig = {
         removeEmptyAttributes: true,
         collapseWhitespace: true
       }
-    })
+    }),
+    new VueLoaderPlugin()
   ]
 };
 

package.json

@@ -18,7 +18,7 @@
   "license": "MIT",
   "devDependencies": {
     "autoprefixer": "^7.1.3",
-    "axios": "^0.17.1",
+    "axios": "^0.18.0",
     "babel-core": "^6.26.0",
     "babel-eslint": "^8.0.3",
     "babel-loader": "^7.1.2",
@@ -28,7 +28,7 @@
     "clean-webpack-plugin": "^0.1.17",
     "css-loader": "^0.28.5",
     "echarts": "^3.8.5",
-    "element-ui": "^2.0.9",
+    "element-ui": "^2.3.6",
     "eslint": "^4.13.1",
     "eslint-config-airbnb-base": "^12.1.0",
     "eslint-plugin-html": "^4.0.1",
@@ -45,11 +45,10 @@
     "sass-loader": "^6.0.6",
     "style-loader": "^0.19.1",
     "url-loader": "^0.6.2",
-    "vue": "^2.5.13",
-    "vue-loader": "^13.6.1",
+    "vue": "^2.5.16",
+    "vue-loader": "^15.0.1",
     "vue-router": "^3.0.1",
-    "vue-style-loader": "^4.1.0",
-    "vue-template-compiler": "^2.5.13",
+    "vue-template-compiler": "^2.5.16",
     "vuex": "^3.0.1",
     "webpack": "^3.8.1",
     "webpack-bundle-analyzer": "^2.9.1",