Optimize hljs size

Author: lin-toto

.babelrc

@@ -0,0 +1,6 @@
+{
+  "presets": [
+    ["env", { "modules": false }],
+    "stage-3"
+  ]
+}

package-lock.json

@@ -50,6 +50,7 @@
     "vue-loader": "^13.0.5",
     "vue-template-compiler": "^2.4.4",
     "webpack": "^3.6.0",
+    "webpack-bundle-analyzer": "^2.9.2",
     "webpack-dev-server": "^2.9.1"
   }
 }

package.json

@@ -0,0 +1,8 @@
+/* eslint-disable */
+import hljs from 'highlight.js/lib/highlight'
+import cpp from 'highlight.js/lib/languages/cpp'
+
+window.hljs = hljs
+hljs.registerLanguage('cpp', cpp)
+
+export default hljs

src/components/plugin/Highlight.js

@@ -1,4 +1,5 @@
 import 'highlight.js/styles/atom-one-light.css'
+import Highlight from './Highlight'
 
 export function MarkdownParser (code, stringMap) {
   let marked = require('marked')
@@ -10,7 +11,7 @@ export function MarkdownParser (code, stringMap) {
   }
 
   let highlight = function (code) {
-    return require('highlight.js').highlightAuto(code).value
+    return Highlight.highlightAuto(code).value
   }
 
   renderer.code = function (code, lang, escaped) {

src/components/plugin/MarkdownParser.js

@@ -1,7 +1,8 @@
-var path = require('path')
-var webpack = require('webpack')
+const path = require('path')
+const webpack = require('webpack')
 const LodashModuleReplacementPlugin = require('lodash-webpack-plugin')
 const CleanWebpackPlugin = require('clean-webpack-plugin')
+const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
 
 module.exports = {
     entry: ["babel-polyfill",'./src/main.js'],
@@ -12,6 +13,7 @@ module.exports = {
     },
     plugins: [
         new LodashModuleReplacementPlugin(),
+        new webpack.optimize.OccurrenceOrderPlugin(),
         new CleanWebpackPlugin(['dist'])
     ],
     module: {
@@ -49,7 +51,7 @@ module.exports = {
     },
     resolve: {
         alias: {
-            'vue$': 'vue/dist/vue.esm.js'
+            'vue$': 'vue/dist/vue.runtime.esm.js'
         },
         extensions: ['*', '.js', '.vue', '.json']
     },
@@ -64,6 +66,12 @@ module.exports = {
     devtool: '#eval-source-map'
 }
 
+if (process.env.BUNDLE_ANALYZE === 'true') {
+    module.exports.plugins = (module.exports.plugins || []).concat([
+        new BundleAnalyzerPlugin()
+    ])
+}
+
 if (process.env.NODE_ENV === 'production') {
     module.exports.devtool = '#source-map'
     // http://vue-loader.vuejs.org/en/workflow/production.html