增加打包分析工具webpack-bundle-analyzer

Author: suweiteng

build/webpack.prod.conf.js

@@ -7,7 +7,7 @@ var baseWebpackConfig = require('./webpack.base.conf')
 var ExtractTextPlugin = require('extract-text-webpack-plugin')
 var HtmlWebpackPlugin = require('html-webpack-plugin')
 var env = config.build.env
-
+var BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 var webpackConfig = merge(baseWebpackConfig, {
  module: {
  loaders: utils.styleLoaders({ sourceMap: config.build.productionSourceMap, extract: true })
@@ -76,7 +76,8 @@ var webpackConfig = merge(baseWebpackConfig, {
  new webpack.optimize.CommonsChunkPlugin({
  name: 'manifest',
  chunks: ['vendor']
- })
+ }),
+ new BundleAnalyzerPlugin()
  ]
 })
 

package.json

@@ -56,6 +56,7 @@
  "vue-style-loader": "^1.0.0",
  "vue-template-compiler": "^2.1.0",
  "webpack": "^1.13.2",
+ "webpack-bundle-analyzer":"^2.11.0",
  "webpack-dev-middleware": "^1.8.3",
  "webpack-hot-middleware": "^2.12.2",
  "webpack-merge": "^0.14.1"

src/main.js

@@ -4,7 +4,7 @@ import Vue from 'vue';
 import VueRouter from 'vue-router';
 import axios from 'axios';
 import ElementUI from 'element-ui';
-import 'element-ui/lib/theme-default/index.css';
+import 'element-ui/lib/theme-chalk/index.css';
 import App from './App';
 import Index from './views/index/index';
 import Table from './views/table/table';