optimize production build

grzhan · grzhan · commit 532f447f4331 · 2017-09-11T01:12:06.000+09:00
diff --git a/.babelrc b/.babelrc
@@ -8,7 +8,12 @@
     }],
     "stage-2"
   ],
-  "plugins": ["transform-runtime"],
+  "plugins": ["transform-runtime", ["component", [
+    {
+      "libraryName": "element-ui",
+      "styleLibraryName": "~theme"
+    }
+  ]]],
   "env": {
     "test": {
       "presets": ["env", "stage-2"],
diff --git a/config/index.js b/config/index.js
@@ -8,7 +8,7 @@ module.exports = {
     assetsRoot: path.resolve(__dirname, '../dist'),
     assetsSubDirectory: 'static',
     assetsPublicPath: '/',
-    productionSourceMap: true,
+    productionSourceMap: false,
     // Gzip off by default as many popular static hosts such as
     // Surge or Netlify already gzip all static assets for you.
     // Before setting to `true`, make sure to:
diff --git a/index.html b/index.html
@@ -5,6 +5,7 @@
     <title>上海大学开源社区 | 主页</title>
     <link rel="shortcut icon" href="static/favicon.ico">
     <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   </head>
   <body>
     <div id="app"></div>
diff --git a/package.json b/package.json
@@ -22,6 +22,7 @@
     "babel-core": "^6.22.1",
     "babel-eslint": "^7.1.1",
     "babel-loader": "^7.1.1",
+    "babel-plugin-component": "^0.10.0",
     "babel-plugin-transform-runtime": "^6.22.0",
     "babel-preset-env": "^1.3.2",
     "babel-preset-stage-2": "^6.22.0",
diff --git a/src/App.vue b/src/App.vue
@@ -94,7 +94,7 @@
         .title.text-center 社区成员
         .hr.element-center
         el-carousel(:type="carouselType" height="400px", :interval="6000")
-          el-carousel-item.card(v-for="member in members")
+          el-carousel-item.card(v-for="member in members", :key="member.name")
             img.avatar(:src="member.avatar")
             .name {{member.name}}
             .title {{member.title}}
diff --git a/src/main.js b/src/main.js
@@ -2,15 +2,20 @@
 // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
 import Vue from 'vue'
 import App from './App'
-import ElementUI from 'element-ui'
+import {Button, Icon, Col, Row, Carousel, CarouselItem} from 'element-ui'
 import '../theme/index.css'
 import FlatSurfaceShader from 'vue-flat-surface-shader'
 import headroom from 'vue-headroom'
 import ScrollSpy from './lib/Scrollspy'
 require('../node_modules/font-awesome/css/font-awesome.css')
 
 Vue.config.productionTip = false
-Vue.use(ElementUI)
+Vue.use(Button)
+Vue.use(Icon)
+Vue.use(Col)
+Vue.use(Row)
+Vue.use(Carousel)
+Vue.use(CarouselItem)
 Vue.use(FlatSurfaceShader)
 Vue.use(headroom)
 Vue.use(ScrollSpy)
