优化一下留言板，将element外部引入，不在vendor中添加，页面初次渲染速度明显提升

bai3 · bai3 · commit 0640864a1966 · 2018-08-19T14:43:21.000+08:00
diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js
@@ -24,6 +24,10 @@ module.exports = {
   entry: {
     app: './src/main.js'
   },
+  externals:{
+    'vue': 'Vue',
+    'element-ui': 'ELEMENT',
+  },
   output: {
     path: config.build.assetsRoot,
     filename: '[name].js',
diff --git a/build/webpack.prod.conf.js b/build/webpack.prod.conf.js
@@ -29,6 +29,9 @@ const webpackConfig = merge(baseWebpackConfig, {
     filename: utils.assetsPath('js/[name].[chunkhash].js'),
     chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
   },
+  externals:{
+    'element-ui': 'ELEMENT',
+  },
   plugins: [
     // http://vuejs.github.io/vue-loader/en/workflow/production.html
     new webpack.DefinePlugin({
diff --git a/index.html b/index.html
@@ -4,8 +4,14 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <title>留言板</title>
+    <!-- 引入样式 -->
+    <link rel="stylesheet" href="https://unpkg.com/element-ui@2.0.7/lib/theme-chalk/index.css">
+    <!-- 引入组件库 -->
+    
   </head>
   <body>
+    <script src="https://unpkg.com/vue@2.5.2/dist/vue.js"></script>
+    <script src="https://unpkg.com/element-ui@2.0.7/lib/index.js"></script>
     <div id="app"></div>
     <!-- built files will be auto injected -->
   </body>
diff --git a/src/main.js b/src/main.js
@@ -3,8 +3,6 @@
 import Vue from 'vue'
 import App from './App'
 import ElementUI from 'element-ui'
-import 'element-ui/lib/theme-chalk/index.css'
-import 'element-ui/lib/index.js'
 import router from './router'
 import axios from 'axios'
 import VueAxios from 'vue-axios'
