fix: compatible old version for dll and add use doc

Author: hubcarl

README.md

@@ -22,6 +22,8 @@
 
 webpack dev server plugin for egg, support read file in memory and hot reload. [More Detail](http://hubcarl.github.io/blog/2017/04/15/egg-webpack/)
 
+-  support webpack native configuration by `webpack.webpackConfigList`
+-  when no config `webpack.webpackConfigList`, egg-webpack will dynamic create webpack config by `webpack.config.js(easywebpack)`, and start multiple process build.
 
 ## Install
 
@@ -41,15 +43,68 @@ exports.webpack = {
 
 ## Configuration
 
+support native webpack config and easywebpack webpack config
+
 ```js
 // {app_root}/config/config.default.js
 exports.webpack = {
-  // port: 8090,  
+  // port: 9000,  
   // proxy: true,
   // webpackConfigList: [],
 };
 ```
 
+**port**: {Number}, default 9000. webpack dev server port, default 9000,  when hava multile webpack config, the port incremented。
+**proxy**: {Boolean}, default true. webpack compiled in a separate service inside, you can use project domain and port access static resources。
+**webpackConfigList**: {Array}, optional, default []. native webpack config.
+**webpackConfigFile**: {String}, optional, you must set when you easywebpack config file is not in the project root directory。
+
+
+### webpack native configuration
+
+- if you write one native webpack config `${app_root}/build/webpack.config.js`, you can use like this:
+
+```js
+// {app_root}/config/config.default.js
+exports.webpack = {
+  webpackConfigList: [require('../build/webpack.config.js')]
+};
+```
+
+- if you use easywebpack solution, you can use like this:
+
+default read `webpack.config.js` file under the project root directory.
+
+```js
+const EasyWebpack = require('easywebpack-vue');
+// {app_root}/config/config.default.js
+exports.webpack = {
+  webpackConfigList: EasyWebpack.getWebpackConfig()
+};
+```
+
+- if you use easywebpack solution, the easywebpack config file in `${app_root}/build/webpack.config.js`,  you can use like this:
+
+```js
+const EasyWebpack = require('easywebpack-vue');
+// {app_root}/config/config.default.js
+exports.webpack = {
+  webpackConfigList: EasyWebpack.getWebpackConfig('build/webpack.config.js')
+};
+```
+
+### easywebpack configuration
+
+The default read `webpack.config.js` file under the project root directory.
+
+```js
+// {app_root}/config/config.default.js
+exports.webpack = {
+  webpackConfigFile: 'build/webpack.config.js', // easywebpack config file path
+};
+```
+
+
 see [config/config.default.js](config/config.default.js) for more detail.
 
 ## Customise

agent.js

@@ -12,7 +12,6 @@ module.exports = agent => {
     if (Utils.isUseMultProcess(agent.baseDir, config)) {
       new MultProcessWebpackServer(agent, config).start();
     } else {
-      config.useDll = config.useDll || false;
       new WebpackServer(agent, config).start();
     }
   });

lib/build.js

@@ -4,15 +4,17 @@ const WebpackTool = require('webpack-tool');
 const utils = require('./utils');
 
 exports.dll = (config, option, callback) => {
-  if (config && config.useDll === false) {
-    callback();
-  } else {
+  const cliConfig = utils.getWebpackConfigJSON(option.baseDir, config);
+  if (cliConfig && cliConfig.dll) {
     const webpackTool = new WebpackTool();
-    const webpackConfig = utils.getWebpackConfig(config, { onlyDll: true, baseDir: option.baseDir });
+    const webpackConfig = utils.getWebpackConfig(config, { onlyDll: true, baseDir: option.baseDir
+    });
     if (webpackConfig) {
       webpackTool.build(webpackConfig, {}, callback);
     } else {
       callback();
     }
+  } else {
+    callback();
   }
 };

lib/utils.js

@@ -35,22 +35,29 @@ exports.requireModule = (module, baseDir) => {
   }
 };
 
-exports.isUseMultProcess = (baseDir, config) => {
+exports.getWebpackConfigJSON = (baseDir, config) => {
   const filename = config.webpackConfigFile || 'webpack.config.js';
   const webpackConfigFile = path.isAbsolute(filename) ? filename : path.join(baseDir, filename);
+  if (fs.existsSync(webpackConfigFile)) {
+    return require(webpackConfigFile);
+  }
+  return null;
+};
+
+exports.isUseMultProcess = (baseDir, config) => {
   if (config && config.webpackConfigList.length) {
     return false;
   }
-  if (fs.existsSync(webpackConfigFile)) {
-    const config = require(webpackConfigFile);
-    if (config.type === undefined || config.target === undefined) {
+  const cliConfig = exports.getWebpackConfigJSON(baseDir, config);
+  if (cliConfig) {
+    if (cliConfig.type === undefined || cliConfig.target === undefined) {
       return true;
     }
-    if (Array.isArray(config.type) && config.type.length > 1) {
+    if (Array.isArray(cliConfig.type) && cliConfig.type.length > 1) {
       return true;
     }
 
-    if (Array.isArray(config.target) && config.target.length > 1) {
+    if (Array.isArray(cliConfig.target) && cliConfig.target.length > 1) {
       return true;
     }
   }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "egg-webpack",
-  "version": "3.2.7",
+  "version": "3.2.8",
   "description": "webpack dev server plugin for egg, support read file in memory and hot reload.",
   "eggPlugin": {
     "name": "webpack",