Config DllPlugin

6c5869ff · lin-xin · 659472ea · 6c5869ff · 6c5869ff · 6c5869ff
6 changed file
--- a/build/vendor-manifest.json
+++ b/build/vendor-manifest.json
--- a/build/webpack.base.conf.js
+++ b/build/webpack.base.conf.js
 var path = require('path')
 var utils = require('./utils')
+var webpack = require('webpack')
 var config = require('../config')
 var vueLoaderConfig = require('./vue-loader.conf')

@@ -59,5 +60,11 @@ module.exports = {
        }
      }
    ]
-  }
+  },
+    plugins: [
+        new webpack.DllReferencePlugin({
+          context: path.resolve(__dirname, '..'),
+          manifest: require('./vendor-manifest.json')
+        })
+    ]
 }
--- a/build/webpack.dll.conf.js
+++ b/build/webpack.dll.conf.js
+const path = require('path');
+const webpack = require('webpack');
+
+module.exports = {
+  entry: {
+    vendor: ['vue/dist/vue.common.js','vue-router', 'babel-polyfill','axios','vue-echarts-v3']
+  },
+  output: {
+    path: path.join(__dirname, '../static/js'),
+    filename: '[name].dll.js',
+    library: '[name]_library'
+  },
+  plugins: [
+    new webpack.DllPlugin({
+      path: path.join(__dirname, '.', '[name]-manifest.json'),
+      name: '[name]_library'
+    }),
+    new webpack.optimize.UglifyJsPlugin({
+      compress: {
+        warnings: false
+      }
+    }),
+    new webpack.DefinePlugin({
+      'process.env': {
+        NODE_ENV: '"production"'
+      }
+    })
+  ]
+};
\ No newline at end of file
--- a/index.html
+++ b/index.html
@@ -9,6 +9,7 @@
 </head>
 <body>
 <div id="app"></div>
+<script src="./static/js/vendor.dll.js"></script>
 <script>
    var _hmt = _hmt || [];
    (function() {

--- a/package.json
+++ b/package.json
@@ -6,7 +6,8 @@
  "private": true,
  "scripts": {
    "dev": "node build/dev-server.js",
-    "build": "node build/build.js"
+    "build": "node build/build.js",
+    "build:dll": "webpack --config build/webpack.dll.conf.js"
  },
  "dependencies": {
    "axios": "^0.15.3",

--- a/static/js/vendor.dll.js
+++ b/static/js/vendor.dll.js