no message

+'use strict';
+
+module.exports = {
+  write: true,
+  prefix: '^',
+  plugin: 'autod-egg',
+  test: [
+    'test',
+    'benchmark',
+  ],
+  devdep: [
+    'egg',
+    'egg-ci',
+    'egg-bin',
+    'autod',
+    'autod-egg',
+    'eslint',
+    'eslint-config-egg',
+    'webstorm-disable-index',
+  ],
+  exclude: [
+    './test/fixtures',
+    './docs',
+    './coverage',
+  ],
+};

+coverage
+lib/fixtures

+{
+  "extends": "eslint-config-egg"
+}

+logs/
+npm-debug.log
+node_modules/
+coverage/
+.idea/
+run/
+.DS_Store
+*.swp
+test/fixtures/apps/assets-template/app/view/cache.html

+
+1.8.0 / 2021-10-16
+==================
+
+**features**
+  * [[`cdab574`](http://github.com/eggjs/egg-view-assets/commit/cdab574d0d5a95533a6b7a8af34f850b0168b532)] - feat: support config.nonce (#42) (Yiyu He <<dead_horse@qq.com>>)
+
+1.7.0 / 2021-04-08
+==================
+
+**features**
+  * [[`6c5b719`](http://github.com/eggjs/egg-view-assets/commit/6c5b71913994a0f18bf4585df6245cbba0390e3f)] - feat: start detecting port from devServer.port (#40) (Chen Yangjian <<252317+cyjake@users.noreply.github.com>>)
+
+1.6.2 / 2021-03-22
+==================
+
+**fixes**
+  * [[`ee0012e`](http://github.com/eggjs/egg-view-assets/commit/ee0012eca841b1ce2b3264e8154a9a4e3d5f8c15)] - fix: 修复autoPort时，port数据格式和fs模块要求数据格式不匹配问题 (#39) (拾邑 <<mr_suanmei@163.com>>)
+
+1.6.1 / 2020-06-09
+==================
+
+**features**
+  * [[`c7ec6e6`](http://github.com/eggjs/egg-view-assets/commit/c7ec6e671220a71db0ba59ef485f064ca622ccd7)] - feat: make sure `__webpack_public_path__` inserted just once (#31) (viko16 <<viko16@users.noreply.github.com>>)
+
+**fixes**
+  * [[`c992877`](http://github.com/eggjs/egg-view-assets/commit/c992877307e4c4178e3e337a5ca43a982e3254e4)] - fix: prefer http://127.0.0.1 even if https is on (#37) (Chen Yangjian <<252317+cyjake@users.noreply.github.com>>)
+
+1.6.0 / 2019-09-19
+==================
+
+**features**
+  * [[`287aedb`](http://github.com/eggjs/egg-view-assets/commit/287aedb4e1ee58861e76198a364e4ff9d7122d92)] - feat: set protocol according to app.options.https (Chen Yangjian <<252317+cyjake@users.noreply.github.com>>)
+
+1.5.0 / 2019-04-09
+==================
+
+**features**
+  * [[`226de2e`](http://github.com/eggjs/egg-view-assets/commit/226de2e5ed9d89bac203ead5a47f2a91fd9158ad)] - feat: script support crossorigin attribute (#30) (仙森 <<dapixp@gmail.com>>)
+
+1.4.4 / 2019-01-29
+==================
+
+**fixes**
+  * [[`8f0092e`](http://github.com/eggjs/egg-view-assets/commit/8f0092ef4e4dd33b63dbf836bdad72bc7a0b88be)] - fix: use w3c valid link format (#29) (fengmk2 <<fengmk2@gmail.com>>)
+
+1.4.3 / 2019-01-08
+==================
+
+**fixes**
+  * [[`f5966ec`](http://github.com/eggjs/egg-view-assets/commit/f5966eca57fcfe5819617e264555ba00c9c6c95b)] - fix(devServer): reset port when app get port from agent (#28) (Haoliang Gao <<sakura9515@gmail.com>>)
+  * [[`a5866bc`](http://github.com/eggjs/egg-view-assets/commit/a5866bc0b47a0df4d024f44b9fc05d39494fcf47)] - fix: remove unnecessary console (#27) (Haoliang Gao <<sakura9515@gmail.com>>)
+
+1.4.2 / 2019-01-07
+==================
+
+**features**
+  * [[`f6e9fb7`](http://github.com/eggjs/egg-view-assets/commit/f6e9fb7b51435516ce9d7f20a8de2e7a62b87c61)] - feat(devServer): support autoport in env (#26) (Haoliang Gao <<sakura9515@gmail.com>>)
+
+1.4.1 / 2019-01-07
+==================
+
+**fixes**
+  * [[`9378984`](http://github.com/eggjs/egg-view-assets/commit/9378984ad71465eb9cc46beba4936e8bb95f97f6)] - fix: port should be paased from agent to app (#25) (Haoliang Gao <<sakura9515@gmail.com>>)
+
+1.4.0 / 2019-01-06
+==================
+
+**features**
+  * [[`59d20a0`](http://github.com/eggjs/egg-view-assets/commit/59d20a0e7f1451aee14cb1a5117e8cda2d999498)] - feat: auto check port with autoPort (#24) (Haoliang Gao <<sakura9515@gmail.com>>)
+
+**others**
+  * [[`bf05a99`](http://github.com/eggjs/egg-view-assets/commit/bf05a99da9661aa731c6938ec7e8443dd381d2eb)] - refactor: use inherit instead of pipe (#22) (Haoliang Gao <<sakura9515@gmail.com>>)
+  * [[`d233b74`](http://github.com/eggjs/egg-view-assets/commit/d233b74cc38648a310146802385031d001d971e9)] - test: set proc null when exit by self (#23) (Haoliang Gao <<sakura9515@gmail.com>>)
+
+1.3.0 / 2018-08-20
+==================
+
+**others**
+  * [[`0815337`](http://github.com/eggjs/egg-view-assets/commit/0815337586c10ed393786bb7c3ad8f08242a9135)] - refactor: no need to encode context with base64 (#21) (fengmk2 <<fengmk2@gmail.com>>)
+
+1.2.0 / 2018-08-15
+==================
+
+**features**
+  * [[`6d9be84`](http://github.com/eggjs/egg-view-assets/commit/6d9be84495ae1e789e20276f33f184e736cf7e86)] - feat: manifest add absolute path and complete path support (#20) (仙森 <<dapixp@gmail.com>>)
+
+1.1.2 / 2018-04-16
+==================
+
+**others**
+  * [[`9b32a6e`](http://github.com/eggjs/egg-view-assets/commit/9b32a6ed4e2219e323946fb987e900a1477d66d9)] - refactor: atob should be minified (#16) (Haoliang Gao <<sakura9515@gmail.com>>)
+
+1.1.1 / 2018-04-15
+==================
+
+**fixes**
+  * [[`6d8793b`](http://github.com/eggjs/egg-view-assets/commit/6d8793b43e98618b2be76101011ad8732906f114)] - fix: atob browser compatible (#15) (Haoliang Gao <<sakura9515@gmail.com>>)
+  * [[`2475b7c`](http://github.com/eggjs/egg-view-assets/commit/2475b7c54fe088e2469181eb63f1a48c7c94fdbf)] - fix: command can be run on Windows (#13) (Haoliang Gao <<sakura9515@gmail.com>>)
+  * [[`ab29dee`](http://github.com/eggjs/egg-view-assets/commit/ab29deed14e0b6d266fc5a90b8f46950ce096431)] - fix: set context data more safely (#14) (Yiyu He <<dead_horse@qq.com>>)
+
+1.1.0 / 2018-04-04
+==================
+
+**features**
+  * [[`772164a`](http://github.com/eggjs/egg-view-assets/commit/772164a3669610659cd43614caf7825a74f30c65)] - feat: unittest environment is same as local (#12) (Haoliang Gao <<sakura9515@gmail.com>>)
+
+1.0.4 / 2018-04-01
+==================
+
+**fixes**
+  * [[`9d7fdac`](http://github.com/eggjs/egg-view-assets/commit/9d7fdac51c6799db63d948b37e94ad47a280a7c4)] - fix: should transform jsx to js (#11) (Haoliang Gao <<sakura9515@gmail.com>>)
+
+1.0.3 / 2018-04-01
+==================
+
+**fixes**
+  * [[`f58d766`](http://github.com/eggjs/egg-view-assets/commit/f58d766907f6e18627a44d42b3513e41b71bcf09)] - fix: check port when devServer is enabled (#10) (Haoliang Gao <<sakura9515@gmail.com>>)
+
+1.0.2 / 2018-03-29
+==================
+
+**fixes**
+  * [[`3f02556`](http://github.com/eggjs/egg-view-assets/commit/3f0255680aa8f6460faf08957efdff184c781b3f)] - fix: publicPath should contains leading and trailing slash (#9) (Haoliang Gao <<sakura9515@gmail.com>>)
+  * [[`5db9e90`](http://github.com/eggjs/egg-view-assets/commit/5db9e906e85a414ae276e7de1033c1539aff8ea5)] - fix: more safe context when locals is from query (#8) (Haoliang Gao <<sakura9515@gmail.com>>)
+
+1.0.1 / 2018-03-15
+==================
+
+**fixes**
+  * [[`2ebef9d`](http://github.com/eggjs/egg-view-assets/commit/2ebef9d86235cc8c13dc262f1b767bdad77cea02)] - fix: publicPath should be __webpack_public_path__ (#7) (Haoliang Gao <<sakura9515@gmail.com>>)
+
+1.0.0 / 2018-03-15
+==================
+
+**others**
+  * [[`e369e2c`](http://github.com/eggjs/egg-view-assets/commit/e369e2c924bb09e949f27e5095c29d7bcddda68a)] - docs: update readme (#6) (Haoliang Gao <<sakura9515@gmail.com>>),fatal: No names found, cannot describe anything.
+

+MIT License
+
+Copyright (c) 2017-present Alibaba Group Holding Limited and other contributors.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

+# egg-view-assets
+
+[![NPM version][npm-image]][npm-url]
+[![build status][travis-image]][travis-url]
+[![Test coverage][codecov-image]][codecov-url]
+[![David deps][david-image]][david-url]
+[![Known Vulnerabilities][snyk-image]][snyk-url]
+[![npm download][download-image]][download-url]
+
+[npm-image]: https://img.shields.io/npm/v/egg-view-assets.svg?style=flat-square
+[npm-url]: https://npmjs.org/package/egg-view-assets
+[travis-image]: https://img.shields.io/travis/eggjs/egg-view-assets.svg?style=flat-square
+[travis-url]: https://travis-ci.org/eggjs/egg-view-assets
+[codecov-image]: https://img.shields.io/codecov/c/github/eggjs/egg-view-assets.svg?style=flat-square
+[codecov-url]: https://codecov.io/github/eggjs/egg-view-assets?branch=master
+[david-image]: https://img.shields.io/david/eggjs/egg-view-assets.svg?style=flat-square
+[david-url]: https://david-dm.org/eggjs/egg-view-assets
+[snyk-image]: https://snyk.io/test/npm/egg-view-assets/badge.svg?style=flat-square
+[snyk-url]: https://snyk.io/test/npm/egg-view-assets
+[download-image]: https://img.shields.io/npm/dm/egg-view-assets.svg?style=flat-square
+[download-url]: https://npmjs.org/package/egg-view-assets
+
+Manage frontend assets in development and production.
+
+## Install
+
+```bash
+$ npm i egg-view-assets --save
+```
+
+## Usage
+
+Add `egg-view-assets` as plugin
+
+```js
+// {app_root}/config/plugin.js
+exports.assets = {
+  enable: true,
+  package: 'egg-view-assets',
+};
+```
+
+Configuration, you can see full example in [egg-ant-design-pro].
+
+```js
+// {app_root}/config/config.default.js
+exports.view = {
+  mapping: {
+    '.js': 'assets',
+  },
+};
+
+exports.assets = {
+  devServer: {
+    command: 'roadhog dev',
+    port: 8000,
+  },
+};
+```
+
+See [config/config.default.js](config/config.default.js) for more detail.
+
+## Questions & Suggestions
+
+Please open an issue [here](https://github.com/eggjs/egg/issues).
+
+## License
+
+[MIT](LICENSE)
+
+[egg-ant-design-pro]: https://github.com/eggjs/egg-ant-design-pro

+'use strict';
+
+const assert = require('assert');
+const DevServer = require('./lib/dev_server');
+
+module.exports = agent => startDevServer(agent);
+
+function startDevServer(agent) {
+  const assetsConfig = agent.config.assets;
+
+  if (!assetsConfig.isLocalOrUnittest) return;
+  if (!assetsConfig.devServer.enable) return;
+
+  assert(assetsConfig.devServer.autoPort || assetsConfig.devServer.port, 'port or autoPort is required when devServer is enabled');
+
+  const server = new DevServer(agent);
+  server.ready(err => {
+    if (err) agent.coreLogger.error('[egg-view-assets]', err.message);
+  });
+
+  if (assetsConfig.devServer.waitStart) {
+    agent.beforeStart(async () => {
+      await server.ready();
+    });
+  }
+
+  agent.beforeClose(async () => {
+    await server.close();
+  });
+}

+'use strict';
+
+const fs = require('fs');
+const path = require('path');
+const assert = require('assert');
+const AssetsView = require('./lib/assets_view');
+
+module.exports = app => {
+  const assetsConfig = app.config.assets;
+
+  if (assetsConfig.devServer.enable && assetsConfig.isLocalOrUnittest) {
+    let port = assetsConfig.devServer.port;
+    if (assetsConfig.devServer.autoPort === true) {
+      try {
+        port = fs.readFileSync(assetsConfig.devServer.portPath, 'utf8');
+        assetsConfig.devServer.port = Number(port);
+      } catch (err) {
+        // istanbul ignore next
+        throw new Error('check autoPort fail');
+      }
+    }
+    const protocol = app.options.https && assetsConfig.dynamicLocalIP ? 'https' : 'http';
+    assetsConfig.url = `${protocol}://127.0.0.1:${port}`;
+  }
+
+  // it should check manifest.json on deployment
+  if (!assetsConfig.isLocalOrUnittest) {
+    const manifestPath = path.join(app.config.baseDir, 'config/manifest.json');
+    assert(fs.existsSync(manifestPath), `${manifestPath} is required`);
+    assetsConfig.manifest = require(manifestPath);
+  }
+
+  app.view.use('assets', AssetsView);
+};

+'use strict';
+
+const AssetsContext = require('../../lib/assets_context');
+
+const HELPER_ASSETS = require('../../lib/util/constant').HELPER_ASSETS;
+const ASSETS = Symbol('Helper#assets');
+
+module.exports = {
+  get assets() {
+    if (this[ASSETS]) return this[ASSETS];
+    if (this.ctx[HELPER_ASSETS]) {
+      this[ASSETS] = this.ctx[HELPER_ASSETS];
+    } else {
+      this[ASSETS] = new AssetsContext(this.ctx);
+    }
+    return this[ASSETS];
+  },
+};

+environment:
+  matrix:
+    - nodejs_version: '8'
+    - nodejs_version: '10'
+
+install:
+  - ps: Install-Product node $env:nodejs_version
+  - npm i npminstall && node_modules\.bin\npminstall
+
+test_script:
+  - node --version
+  - npm --version
+  - npm run test
+
+build: off

+'use strict';
+
+const path = require('path');
+
+module.exports = appInfo => ({
+  /**
+   * assets options
+   * @member Config#assets
+   * @property {String} url - the host of the assets, it will be `http://127.0.0.1:${devServer.port}` in development.
+   * @property {String} publicPath - the base path of the assets
+   * @property {String} templatePath - the file path of template rendering html
+   * @property {String} templateViewEngine - the view engine for rendering template
+   * @property {Boolean} crossorigin - if script is cross origin set this config to true
+   * @property {Boolean} contextKey - the property name of context, default is `context`
+   * @property {Boolean} devServer - configuration of local assets server
+   * @property {Boolean} devServer.command - a command for starting a server, such as `webpack`
+   * @property {Boolean} devServer.port - listening port for the server, it will be checked when starting
+   * @property {Boolean} devServer.timeout - the timeout for checking listening port
+   * @property {Boolean} devServer.env - custom environment
+   * @property {Boolean} devServer.debug - show stdout/stderr for devServer
+   * @property {Boolean} devServer.waitStart - whether wait devServer starting
+   * @property {Function} nonce(ctx) - dynamic generate nonce for csp(https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP)
+   */
+  assets: {
+    isLocalOrUnittest: appInfo.env === 'local' || appInfo.env === 'unittest',
+    url: '',
+    publicPath: '',
+    templatePath: '',
+    templateViewEngine: '',
+    crossorigin: false,
+    contextKey: 'context',
+    dynamicLocalIP: true,
+    devServer: {
+      enable: true,
+      command: '',
+      autoPort: false,
+      port: null,
+      portPath: path.join(appInfo.baseDir, 'run/assetsPort'),
+      env: {},
+      debug: false,
+      timeout: 60 * 1000,
+      waitStart: false,
+    },
+  },
+});

+'use strict';
+
+exports.assets = {
+  devServer: {
+    enable: false,
+    waitStart: true,
+  },
+};

+'use strict';
+
+const assert = require('assert');
+
+// URL consists of host, resourceBase and entry,
+// E.X. http://127.0.0.1:7001/public/index.js
+//    host is http://127.0.0.1:7001
+//    resourceBase is /public/
+//    entry is index.js
+class Assets {
+
+  constructor(ctx) {
+    this.ctx = ctx;
+    this.config = ctx.app.config.assets;
+    this.isLocalOrUnittest = this.config.isLocalOrUnittest;
+    this.manifest = this.config.manifest;
+    this.crossorigin = this.config.crossorigin;
+    // publicPath should contain trailing / and leading /
+    this.publicPath = this.isLocalOrUnittest ? '/' : normalizePublicPath(this.config.publicPath);
+    // make sure __webpack_public_path__ inserted just once
+    this.hasWebpackGlobalVariableInserted = false;
+    this.host = this.config.url;
+    this.resourceBase = `${this.host}${this.publicPath}`;
+    this.nonce = this.config.nonce && this.config.nonce(this.ctx);
+  }
+
+  getStyle(entry) {
+    entry = entry || this.entryCss;
+    return linkTpl({ url: this.getURL(entry) });
+  }
+
+  getScript(entry) {
+    entry = entry || this.entry;
+
+    let script = '';
+    if (this.publicPath && !this.hasWebpackGlobalVariableInserted) {
+      script = inlineScriptTpl(`window.__webpack_public_path__ = '${this.publicPath}';`, this.nonce);
+      this.hasWebpackGlobalVariableInserted = true;
+    }
+
+    script += scriptTpl({
+      url: this.getURL(entry),
+      crossorigin: this.crossorigin,
+    });
+
+    return script;
+  }
+
+  getContext(data) {
+    data = safeStringify(data || this.assetsContext || {});
+    return inlineScriptTpl(`(function(){window.${this.config.contextKey} = JSON.parse(decodeURIComponent("${data}"));})()`, this.nonce);
+  }
+
+  getURL(entry) {
+    let urlpath = entry;
+    if (!this.isLocalOrUnittest) {
+      urlpath = this.manifest[urlpath];
+      assert(urlpath, `Don't find ${entry} in manifest.json`);
+    }
+
+    if (urlpath.startsWith('/')) {
+      return `${this.host}${urlpath}`;
+    }
+
+    if (urlpath.startsWith('http://') || urlpath.startsWith('https://')) {
+      return urlpath;
+    }
+
+    return `${this.resourceBase}${urlpath}`;
+  }
+
+  setEntry(entry) {
+    this.entry = entry.replace(/\.jsx?$/, '.js');
+    this.entryCss = entry.replace(/\.jsx?$/, '.css');
+  }
+
+  setContext(context) {
+    this.assetsContext = context;
+  }
+
+}
+
+module.exports = Assets;
+
+function linkTpl({ url }) {
+  return `<link rel="stylesheet" href="${url}" />`;
+}
+
+function scriptTpl({ url, crossorigin }) {
+  return '<script' + (crossorigin ? ' crossorigin' : '') + ` src="${url}"></script>`;
+}
+
+function inlineScriptTpl(content, nonce) {
+  const startTag = nonce ? `<script nonce=${nonce}>` : '<script>';
+  return `${startTag}${content}</script>`;
+}
+
+function safeStringify(data) {
+  if (!data) return '';
+  return encodeURIComponent(JSON.stringify(data));
+}
+
+function normalizePublicPath(publicPath) {
+  if (!publicPath) return '/';
+  let firstIndex = 0;
+  if (publicPath[firstIndex] === '/') firstIndex++;
+  let lastIndex = publicPath.length - 1;
+  if (publicPath[lastIndex] === '/') lastIndex--;
+  return '/' + publicPath.slice(firstIndex, lastIndex + 1) + '/';
+}

+'use strict';
+
+const fs = require('mz/fs');
+const TEMPLATE_CACHE = Symbol('AssetsView#templateCache');
+const HELPER_ASSETS = require('./util/constant').HELPER_ASSETS;
+const renderDefault = require('./util/default_template');
+
+
+class AssetsView {
+  constructor(ctx) {
+    this.ctx = ctx;
+    this.config = ctx.app.config.assets;
+    this.logger = ctx.coreLogger;
+
+    if (!ctx.app[TEMPLATE_CACHE]) ctx.app[TEMPLATE_CACHE] = new Map();
+    this.cache = ctx.app[TEMPLATE_CACHE];
+  }
+
+  async render(name, locals, options) {
+    const templateViewEngine = options.templateViewEngine || this.config.templateViewEngine;
+    const templatePath = options.templatePath || this.config.templatePath;
+
+    const assets = this.ctx.helper.assets;
+    assets.setEntry(options.name);
+    assets.setContext(options.locals);
+
+    if (templateViewEngine && templatePath) {
+      // helper.assets will use this instance
+      this.ctx[HELPER_ASSETS] = assets;
+
+      const templateStr = await this.readFileWithCache(templatePath);
+      this.logger.info('[egg-view-assets] use %s to render %s, entry is %s',
+        templateViewEngine, templatePath, name);
+      return await this.ctx.renderString(templateStr, locals, {
+        viewEngine: templateViewEngine,
+      });
+    }
+
+    return renderDefault(assets);
+  }
+
+  async readFileWithCache(filepath) {
+    let str = this.cache.get(filepath);
+    if (str) return str;
+
+    str = await fs.readFile(filepath, 'utf8');
+    this.cache.set(filepath, str);
+    return str;
+  }
+
+  async renderString() {
+    throw new Error('assets engine don\'t support renderString');
+  }
+
+}
+
+module.exports = AssetsView;

+'use strict';
+
+const path = require('path');
+const fs = require('mz/fs');
+const spawn = require('cross-spawn');
+const Base = require('sdk-base');
+const sleep = require('mz-modules/sleep');
+const awaitEvent = require('await-event');
+const debug = require('debug')('egg-view-assets:dev_server');
+const detectPort = require('detect-port');
+const mkdirp = require('mz-modules/mkdirp');
+const is = require('is-type-of');
+
+
+class DevServer extends Base {
+  constructor(app) {
+    super({
+      initMethod: 'init',
+    });
+    this.app = app;
+    this.isClosed = false;
+  }
+
+  async init() {
+    const { devServer } = this.app.config.assets;
+
+    if (devServer.autoPort) {
+      devServer.port = await detectPort(devServer.port || 10000);
+      await mkdirp(path.dirname(devServer.portPath));
+      await fs.writeFile(devServer.portPath, devServer.port.toString());
+    } else {
+      // check whether the port is using
+      if (await this.checkPortExist()) {
+        throw new Error(`port ${this.app.config.assets.devServer.port} has been used`);
+      }
+    }
+
+    // start dev server asynchronously
+    this.startAsync();
+    await this.waitListen();
+  }
+
+  startAsync() {
+    const { devServer } = this.app.config.assets;
+    devServer.command = this.replacePort(devServer.command);
+    const [ command, ...args ] = devServer.command.split(/\s+/);
+
+    const env = Object.assign({}, process.env, devServer.env);
+    // env.PATH = `${this.app.config.baseDir}/node_modules/.bin:${env.PATH}`;
+    // replace {port}
+    Object.keys(env).forEach(key => {
+      env[key] = this.replacePort(env[key]);
+    });
+    const opt = {
+      // disable stdout by default
+      stdio: [ 'inherit', 'ignore', 'inherit' ],
+      env,
+      shell: process.platform === 'win32'
+    };
+    if (devServer.cwd) opt.cwd = devServer.cwd;
+    if (devServer.debug) opt.stdio[1] = 'inherit';
+    const proc = this.proc = spawn(command, args, opt);
+    proc.once('error', err => this.exit(err));
+    proc.once('exit', code => this.exit(code));
+  }
+
+  async checkPortExist() {
+    const { devServer } = this.app.config.assets;
+    const port = await detectPort(devServer.port);
+    debug('check %s, get result %s', devServer.port, port);
+    return port !== devServer.port;
+  }
+
+  async waitListen() {
+    const logger = this.app.coreLogger;
+    const { devServer } = this.app.config.assets;
+    let timeout = devServer.timeout / 1000;
+    let isSuccess = false;
+    while (timeout > 0) {
+      /* istanbul ignore if */
+      if (this.isClosed) {
+        logger.warn('[egg-view-assets] Closing, but devServer is not listened');
+        return;
+      }
+      if (await this.checkPortExist()) {
+        logger.warn('[egg-view-assets] Run "%s" success, listen on %s', devServer.command, devServer.port);
+        // 成功启动
+        isSuccess = true;
+        break;
+      }
+      timeout--;
+      await sleep(1000);
+      debug('waiting, %s remain', timeout);
+    }
+
+    if (isSuccess) return;
+    const err = new Error(`Run "${devServer.command}" failed after ${devServer.timeout / 1000}s`);
+    throw err;
+  }
+
+  async close() {
+    this.isClosed = true;
+    /* istanbul ignore if */
+    if (!this.proc) return;
+    this.app.coreLogger.warn('[egg-view-assets] dev server will be killed');
+    this.proc.kill();
+    await awaitEvent(this.proc, 'exit');
+    this.proc = null;
+  }
+
+  exit(codeOrError) {
+    const logger = this.app.coreLogger;
+    this.proc = null;
+
+    if (!(codeOrError instanceof Error)) {
+      const { devServer } = this.app.config.assets;
+      const code = codeOrError;
+      const message = `[egg-view-assets] Run "${devServer.command}" exit with code ${code}`;
+      if (!code || code === 0) {
+        logger.info(message);
+        return;
+      }
+
+      codeOrError = new Error(message);
+    }
+
+    logger.error(codeOrError);
+  }
+
+  replacePort(str) {
+    if (!is.string(str)) return str;
+    return str.replace('{port}', this.app.config.assets.devServer.port);
+  }
+
+}
+
+module.exports = DevServer;

+'use strict';
+
+exports.HELPER_ASSETS = Symbol('Helper#assets');

+'use strict';
+
+module.exports = assets => {
+  return `
+  <!doctype html>
+  <html>
+    <head>
+      ${assets.getStyle()}
+    </head>
+    <body>
+      <div id="root"></div>
+      ${assets.getContext()}
+      ${assets.getScript()}
+    </body>
+  </html>
+  `;
+};

+{
+  "name": "egg-view-assets",
+  "eggPlugin": {
+    "name": "assets",
+    "dependencies": [
+      "view"
+    ]
+  },
+  "version": "1.8.0",
+  "description": "Manage frontend assets in development and production",
+  "keywords": [
+    "egg",
+    "eggPlugin",
+    "egg-plugin",
+    "assets"
+  ],
+  "dependencies": {
+    "await-event": "^2.1.0",
+    "cross-spawn": "^6.0.5",
+    "debug": "^4.1.1",
+    "detect-port": "^1.3.0",
+    "is-type-of": "^1.2.1",
+    "mz": "^2.7.0",
+    "mz-modules": "^2.1.0",
+    "sdk-base": "^3.5.1"
+  },
+  "devDependencies": {
+    "autod": "^3.0.1",
+    "autod-egg": "^1.1.0",
+    "egg": "^2.14.2",
+    "egg-bin": "^4.10.0",
+    "egg-ci": "^1.11.0",
+    "egg-mock": "^3.21.0",
+    "egg-view-ejs": "^2.0.0",
+    "egg-view-nunjucks": "^2.1.6",
+    "eslint": "^5.12.0",
+    "eslint-config-egg": "^7.1.0",
+    "puppeteer": "^1.11.0",
+    "supertest": "^3.3.0",
+    "uglify-js": "^3.3.21",
+    "urllib": "^2.34.1",
+    "webstorm-disable-index": "^1.2.0"
+  },
+  "engines": {
+    "node": ">=8.0.0"
+  },
+  "scripts": {
+    "dev": "egg-bin dev",
+    "test": "npm run lint -- --fix && egg-bin pkgfiles && npm run test-local",
+    "test-local": "egg-bin test",
+    "cov": "egg-bin cov",
+    "lint": "eslint .",
+    "ci": "egg-bin pkgfiles --check && npm run lint && npm run cov",
+    "pkgfiles": "egg-bin pkgfiles",
+    "autod": "autod",
+    "uglify": "uglifyjs lib/fixtures/decode.js -o lib/fixtures/decode.min.js"
+  },
+  "files": [
+    "app",
+    "lib",
+    "config",
+    "agent.js",
+    "app.js"
+  ],
+  "ci": {
+    "type": "github",
+    "version": "8, 10, 12, 14, 16",
+    "license": true
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/eggjs/egg-view-assets.git"
+  },
+  "bugs": {
+    "url": "https://github.com/eggjs/egg/issues"
+  },
+  "homepage": "https://github.com/eggjs/egg-view-assets#readme",
+  "author": "popomore",
+  "license": "MIT"
+}

+'use strict';
+
+const path = require('path');
+const mock = require('egg-mock');
+const fs = require('mz/fs');
+const assert = require('assert');
+const urllib = require('urllib');
+const address = require('address');
+
+describe('test/assets.test.js', () => {
+
+  afterEach(mock.restore);
+
+  describe('AssetsView with default template', () => {
+    let app;
+
+    describe('local', () => {
+      before(() => {
+        mock.env('local');
+        app = mock.cluster({
+          baseDir: 'apps/assets',
+        });
+        // app.debug();
+        return app.ready();
+      });
+      after(() => app.close());
+
+      it('should GET /', () => {
+        return app.httpRequest()
+          .get('/')
+          .expect(/<div id="root"><\/div>/)
+          .expect(/<link rel="stylesheet" href="http:\/\/127.0.0.1:8000\/index.css" \/>/)
+          .expect(/<script src="http:\/\/127.0.0.1:8000\/index.js"><\/script>/)
+          .expect(/<script>window.__webpack_public_path__ = '\/';<\/script>/)
+          .expect(res => {
+            assert(res.text.includes('<script>(function(){window.context = JSON.parse(decodeURIComponent("%7B%22data%22%3A1%7D"));})()<\/script>'));
+          })
+          .expect(200);
+      });
+
+      it('should GET jsx', () => {
+        return app.httpRequest()
+          .get('/account')
+          .expect(/<link rel="stylesheet" href="http:\/\/127.0.0.1:8000\/account.css" \/>/)
+          .expect(/<script src="http:\/\/127.0.0.1:8000\/account.js"><\/script>/)
+          .expect(200);
+      });
+    });
+
+    describe('production', () => {
+      let app;
+
+      before(() => {
+        mock.env('prod');
+        app = mock.cluster({
+          baseDir: 'apps/assets',
+        });
+        return app.ready();
+      });
+      after(() => app.close());
+
+      it('should GET /', () => {
+        return app.httpRequest()
+          .get('/')
+          .expect(/<div id="root"><\/div>/)
+          .expect(/<link rel="stylesheet" href="http:\/\/cdn.com\/app\/public\/index.b8e2efea.css" \/>/)
+          .expect(/<script src="http:\/\/cdn.com\/app\/public\/index.c4ae6394.js"><\/script>/)
+          .expect(/<script>window.__webpack_public_path__ = '\/app\/public\/';<\/script>/)
+          .expect(res => {
+            assert(res.text.includes('<script>(function(){window.context = JSON.parse(decodeURIComponent("%7B%22data%22%3A1%7D"));})()<\/script>'));
+          })
+          .expect(200);
+      });
+    });
+  });
+
+  describe('AssetsView with custom template', () => {
+    let app;
+
+    describe('local', () => {
+      before(() => {
+        mock.env('local');
+        app = mock.cluster({
+          baseDir: 'apps/assets-template',
+        });
+        return app.ready();
+      });
+      after(() => app.close());
+
+      it('should GET /', () => {
+        return app.httpRequest()
+          .get('/')
+          .expect(/<div id="root"><\/div>/)
+          .expect(/<link rel="stylesheet" href="http:\/\/127.0.0.1:8000\/index.css" \/>/)
+          .expect(/<script src="http:\/\/127.0.0.1:8000\/index.js"><\/script>/)
+          .expect(res => {
+            assert(res.text.includes('<script>(function(){window.context = JSON.parse(decodeURIComponent("%7B%7D"));})()<\/script>'));
+          })
+          .expect(200);
+      });
+
+      it('should render context', () => {
+        return app.httpRequest()
+          .get('/context')
+          .expect(res => {
+            assert(res.text.includes('<script>(function(){window.context = JSON.parse(decodeURIComponent("%7B%22data%22%3A1%7D"));})()<\/script>'));
+          })
+          .expect(200);
+      });
+
+      it('should use template from render options', () => {
+        return app.httpRequest()
+          .get('/options')
+          .expect(/<div id="root"><\/div>/)
+          .expect(/<link rel="stylesheet" href="http:\/\/127.0.0.1:8000\/index.css" \/>/)
+          .expect(/<script src="http:\/\/127.0.0.1:8000\/index.js"><\/script>/)
+          .expect(res => {
+            assert(res.text.includes('<script>(function(){window.context = JSON.parse(decodeURIComponent("%7B%7D"));})()<\/script>'));
+          })
+          .expect(200);
+      });
+
+      it('should use cache when template exist', async () => {
+        const template = path.join(__dirname, 'fixtures/apps/assets-template/app/view/cache.html');
+        await fs.writeFile(template, '{{ data }}');
+
+        await app.httpRequest()
+          .get('/cache')
+          .expect(res => {
+            assert(res.text.includes('<script>(function(){window.context = JSON.parse(decodeURIComponent("%7B%22data%22%3A1%7D"));})()<\/script>'));
+          })
+          .expect(200);
+
+        await fs.writeFile(template, 'override');
+
+        await app.httpRequest()
+          .get('/cache')
+          .expect(res => {
+            assert(res.text.includes('<script>(function(){window.context = JSON.parse(decodeURIComponent("%7B%22data%22%3A1%7D"));})()<\/script>'));
+          })
+          .expect(200);
+      });
+
+      it('should throw when call renderString', () => {
+        return app.httpRequest()
+          .get('/renderString')
+          .expect(/assets engine don&#39;t support renderString/)
+          .expect(500);
+      });
+    });
+
+    describe('prod', () => {
+      before(() => {
+        mock.env('prod');
+        app = mock.cluster({
+          baseDir: 'apps/assets-template',
+        });
+        return app.ready();
+      });
+      after(() => app.close());
+
+      it('should GET /', () => {
+        return app.httpRequest()
+          .get('/')
+          .expect(/<div id="root"><\/div>/)
+          .expect(/<link rel="stylesheet" href="http:\/\/cdn.com\/index.b8e2efea.css" \/>/)
+          .expect(/<script src="http:\/\/cdn.com\/index.c4ae6394.js"><\/script>/)
+          .expect(res => {
+            assert(res.text.includes('<script>(function(){window.context = JSON.parse(decodeURIComponent("%7B%7D"));})()<\/script>'));
+          })
+          .expect(200);
+      });
+    });
+  });
+
+  describe('in other view engine', () => {
+    let app;
+
+    describe('local', () => {
+      before(() => {
+        mock.env('local');
+        app = mock.cluster({
+          baseDir: 'apps/other-view-engine',
+        });
+        return app.ready();
+      });
+      after(() => app.close());
+
+      it('should GET /', () => {
+        return app.httpRequest()
+          .get('/')
+          .expect(/<link rel="stylesheet" href="http:\/\/127.0.0.1:8000\/index.css" \/>/)
+          .expect(/<script src="http:\/\/127.0.0.1:8000\/index.js"><\/script>/)
+          .expect(/<script>window.__webpack_public_path__ = '\/';<\/script>/)
+          .expect(/<script>window.resourceBaseUrl = 'http:\/\/127.0.0.1:8000\/';<\/script/)
+          .expect(res => {
+            assert(res.text.includes('<script>(function(){window.context = JSON.parse(decodeURIComponent("%7B%22data%22%3A1%7D"));})()<\/script>'));
+          })
+          .expect(200);
+      });
+    });
+
+    describe('prod', () => {
+      before(() => {
+        mock.env('prod');
+        app = mock.cluster({
+          baseDir: 'apps/other-view-engine',
+        });
+        return app.ready();
+      });
+      after(() => app.close());
+
+      it('should GET /', () => {
+        return app.httpRequest()
+          .get('/')
+          .expect(/<link rel="stylesheet" href="http:\/\/cdn.com\/app\/public\/index.b8e2efea.css" \/>/)
+          .expect(/<script src="http:\/\/cdn.com\/app\/public\/index.c4ae6394.js"><\/script>/)
+          .expect(/<script>window.__webpack_public_path__ = '\/app\/public\/';<\/script>/)
+          .expect(/<script>window.resourceBaseUrl = 'http:\/\/cdn.com\/app\/public\/';<\/script/)
+          .expect(res => {
+            assert(res.text.includes('<script>(function(){window.context = JSON.parse(decodeURIComponent("%7B%22data%22%3A1%7D"));})()<\/script>'));
+          })
+          .expect(200);
+      });
+    });
+  });
+
+  describe('custom assets.url', () => {
+    let app;
+
+    before(() => {
+      mock.env('prod');
+      app = mock.cluster({
+        baseDir: 'apps/custom-assets-url',
+      });
+      return app.ready();
+    });
+    after(() => app.close());
+
+    it('should GET /', () => {
+      return app.httpRequest()
+        .get('/')
+        .expect(/<link rel="stylesheet" href="http:\/\/localhost\/index.b8e2efea.css" \/>/)
+        .expect(200);
+    });
+  });
+
+  describe('https assets.url with dynamicLocalIP', () => {
+    let app;
+
+    before(() => {
+      mock.env('local');
+      app = mock.cluster({
+        baseDir: 'apps/https',
+        port: 8443,
+        https: {
+          cert: path.join(__dirname, 'fixtures/apps/https/server.cert'),
+          key: path.join(__dirname, 'fixtures/apps/https/server.key'),
+        },
+      });
+      return app.ready();
+    });
+    after(() => app.close());
+
+    it('should GET /', () => {
+      return urllib.request('https://127.0.0.1:8443', {
+        dataType: 'text',
+        rejectUnauthorized: false,
+      }).then(response => {
+        assert(response.status === 200);
+        assert(response.data.includes('https://127.0.0.1:8000/index.css'));
+      });
+    });
+  });
+
+  describe('https assets.url without dynamicLocalIP', () => {
+    let app;
+
+    before(() => {
+      mock.env('local');
+      app = mock.cluster({
+        baseDir: 'apps/https-dynamic-ip',
+        port: 8443,
+        https: {
+          cert: path.join(__dirname, 'fixtures/apps/https-dynamic-ip/server.cert'),
+          key: path.join(__dirname, 'fixtures/apps/https-dynamic-ip/server.key'),
+        },
+      });
+      return app.ready();
+    });
+    after(() => app.close());
+
+    it('should GET /', () => {
+      return urllib.request(`https://${address.ip()}:8443`, {
+        dataType: 'text',
+        rejectUnauthorized: false,
+      }).then(response => {
+        assert(response.status === 200);
+        assert(response.data.includes('http://127.0.0.1:8000/index.css'));
+      });
+    });
+  });
+
+  describe('custom contextKey', () => {
+    let app;
+
+    before(() => {
+      mock.env('local');
+      app = mock.cluster({
+        baseDir: 'apps/custom-context-key',
+      });
+      return app.ready();
+    });
+    after(() => app.close());
+
+    it('should GET /', () => {
+      return app.httpRequest()
+        .get('/')
+        .expect(/window.__context__ =/)
+        .expect(200);
+    });
+  });
+
+  describe('context security', () => {
+    let app;
+
+    before(() => {
+      app = mock.cluster({
+        baseDir: 'apps/context-security',
+      });
+      return app.ready();
+    });
+    after(() => app.close());
+
+    it('should GET /', () => {
+      return app.httpRequest()
+        .get('/?query=<x%E2%80%A8x>')
+        .expect(res => {
+          assert(res.text.includes('<script>(function(){window.context = JSON.parse(decodeURIComponent("%7B%22query%22%3A%22%3Cx%E2%80%A8x%3E%22%7D"));})()<\/script>'));
+        })
+        .expect(200);
+    });
+  });
+
+  describe('publicPath', () => {
+    let app;
+
+    describe('local', () => {
+      before(() => {
+        mock.env('local');
+        app = mock.app({
+          baseDir: 'apps/custom-public-path',
+        });
+        return app.ready();
+      });
+      after(() => app.close());
+
+      it('should render with trailing /', () => {
+        mock(app.config.assets, 'publicPath', '/public/');
+
+        let ctx = app.mockContext();
+        ctx.helper.assets.setEntry('index.js');
+        let script = ctx.helper.assets.getScript();
+        assert(script.includes('__webpack_public_path__ = \'/\';'));
+        assert(script.includes('src="/index.js"'));
+        let style = ctx.helper.assets.getStyle();
+        assert(style.includes('href="/index.css"'));
+
+        ctx = app.mockContext();
+        script = ctx.helper.assets.getScript('index.js');
+        assert(script.includes('__webpack_public_path__ = \'/\';'));
+        assert(script.includes('src="/index.js"'));
+        style = ctx.helper.assets.getStyle('index.css');
+        assert(style.includes('href="/index.css"'));
+      });
+
+      it('should render without trailing /', () => {
+        mock(app.config.assets, 'publicPath', '/public');
+
+        let ctx = app.mockContext();
+        ctx.helper.assets.setEntry('index.js');
+        let script = ctx.helper.assets.getScript();
+        assert(script.includes('__webpack_public_path__ = \'/\';'));
+        assert(script.includes('src="/index.js"'));
+        let style = ctx.helper.assets.getStyle();
+        assert(style.includes('href="/index.css"'));
+
+        ctx = app.mockContext();
+        script = ctx.helper.assets.getScript('index.js');
+        assert(script.includes('__webpack_public_path__ = \'/\';'));
+        assert(script.includes('src="/index.js"'));
+        style = ctx.helper.assets.getStyle('index.css');
+        assert(style.includes('href="/index.css"'));
+      });
+    });
+
+    describe('prod', () => {
+      before(() => {
+        mock.env('prod');
+        app = mock.app({
+          baseDir: 'apps/custom-public-path',
+        });
+        return app.ready();
+      });
+      after(() => app.close());
+
+      it('should render with trailing /', () => {
+        mock(app.config.assets, 'publicPath', '/public/');
+
+        let ctx = app.mockContext();
+        ctx.helper.assets.setEntry('index.js');
+        let script = ctx.helper.assets.getScript();
+        assert(script.includes('__webpack_public_path__ = \'/public/\';'));
+        assert(script.includes('src="/public/index.js"'));
+        let style = ctx.helper.assets.getStyle();
+        assert(style.includes('href="/public/index.css"'));
+
+        ctx = app.mockContext();
+        script = ctx.helper.assets.getScript('index.js');
+        assert(script.includes('__webpack_public_path__ = \'/public/\';'));
+        assert(script.includes('src="/public/index.js"'));
+        style = ctx.helper.assets.getStyle('index.css');
+        assert(style.includes('href="/public/index.css"'));
+      });
+
+      it('should render without trailing /', () => {
+        mock(app.config.assets, 'publicPath', '/public');
+
+        let ctx = app.mockContext();
+        ctx.helper.assets.setEntry('index.js');
+        let script = ctx.helper.assets.getScript();
+        assert(script.includes('__webpack_public_path__ = \'/public/\';'));
+        assert(script.includes('src="/public/index.js"'));
+        let style = ctx.helper.assets.getStyle();
+        assert(style.includes('href="/public/index.css"'));
+
+        ctx = app.mockContext();
+        script = ctx.helper.assets.getScript('index.js');
+        assert(script.includes('__webpack_public_path__ = \'/public/\';'));
+        assert(script.includes('src="/public/index.js"'));
+        style = ctx.helper.assets.getStyle('index.css');
+        assert(style.includes('href="/public/index.css"'));
+      });
+    });
+  });
+
+  describe('manifest checking', () => {
+    let app;
+    afterEach(() => app.close());
+
+    it('should check manifest.json on prod', async () => {
+      mock.env('prod');
+      app = mock.app({
+        baseDir: 'apps/no-manifest',
+      });
+      // app.debug();
+      try {
+        await app.ready();
+        throw new Error('should not run');
+      } catch (err) {
+        assert(err.message === path.join(__dirname, 'fixtures/apps/no-manifest/config/manifest.json') + ' is required');
+      }
+    });
+
+    it('should not check manifest.json on local', async () => {
+      mock.env('local');
+      app = mock.app({
+        baseDir: 'apps/no-manifest',
+      });
+      // app.debug();
+      await app.ready();
+    });
+
+    it('should not check manifest.json on unittest', async () => {
+      mock.env('unittest');
+      app = mock.app({
+        baseDir: 'apps/no-manifest',
+      });
+      // app.debug();
+      await app.ready();
+    });
+  });
+
+  describe('complex manifest', () => {
+    let app;
+    before(() => {
+      mock.env('default');
+      app = mock.app({
+        baseDir: 'apps/complex-manifest',
+      });
+      return app.ready();
+    });
+
+    after(() => app.close());
+    afterEach(mock.restore);
+
+    it('should publicPath work', () => {
+      const ctx = app.mockContext();
+      ctx.helper.assets.setEntry('index.js');
+      const script = ctx.helper.assets.getScript();
+      assert(script.includes('__webpack_public_path__ = \'/public\/\';'));
+      assert(script.includes('src="/public/index.js"'));
+    });
+
+    it('should contain host if setting assets.url', () => {
+      mock(app.config.assets, 'url', 'http://remotehost');
+      const ctx = app.mockContext();
+      ctx.helper.assets.setEntry('index.js');
+      const script = ctx.helper.assets.getScript();
+      assert(script.includes('__webpack_public_path__ = \'/public\/\';'));
+      assert(script.includes('src="http://remotehost/public/index.js"'));
+      const style = ctx.helper.assets.getStyle();
+      assert(style.includes('href="http://remotehost/index.css"'));
+    });
+
+    it('should assets.publicPath not work if resource path is a absolute url', () => {
+      const ctx = app.mockContext();
+      const style = ctx.helper.assets.getStyle('index.css');
+      assert(style.includes('href="/index.css"'));
+    });
+
+    it('should assets.url not work if resource path is a complete url', () => {
+      mock(app.config.assets, 'url', 'http://remotehost');
+      const ctx = app.mockContext();
+      const script = ctx.helper.assets.getScript('page1.js');
+      assert(script.includes('src="http://cdn.com/page1.js"'));
+    });
+  });
+
+  describe('support crossorigin', () => {
+    let app;
+    before(() => {
+      mock.env('default');
+      app = mock.app({
+        baseDir: 'apps/crossorigin',
+      });
+      return app.ready();
+    });
+
+    after(() => app.close());
+    afterEach(mock.restore);
+
+    it('should works', () => {
+      const ctx = app.mockContext();
+      ctx.helper.assets.setEntry('index.js');
+      const script = ctx.helper.assets.getScript();
+      assert(script.includes('crossorigin'));
+    });
+  });
+
+  describe('should insert webpack global variable just once', () => {
+    let app;
+    before(() => {
+      mock.env('default');
+      app = mock.app({
+        baseDir: 'apps/multiple-getscript',
+      });
+      return app.ready();
+    });
+
+    after(() => app.close());
+    afterEach(mock.restore);
+
+    it('should works', () => {
+      const ctx = app.mockContext();
+
+      const script = ctx.helper.assets.getScript('vendor.js');
+      assert(script.includes('__webpack_public_path__ = \'/\';'));
+      assert(script.includes('src="/vendor.js"'));
+
+      [ 'a.js', 'b.js', 'c.js' ].forEach(file => {
+        const anotherScript = ctx.helper.assets.getScript(file);
+        assert(!anotherScript.includes('__webpack_public_path__'));
+        assert(anotherScript.includes(`src="/${file}"`));
+      });
+
+    });
+  });
+
+  describe('AssetsView with nonce', () => {
+    let app;
+
+    describe('local', () => {
+      before(() => {
+        mock.env('local');
+        app = mock.cluster({
+          baseDir: 'apps/assets-nonce',
+        });
+        app.debug();
+        return app.ready();
+      });
+      after(() => app.close());
+
+      it('should GET /', () => {
+        return app.httpRequest()
+          .get('/')
+          .expect(/<div id="root"><\/div>/)
+          .expect(/<link rel="stylesheet" href="http:\/\/127.0.0.1:8000\/index.css" \/>/)
+          .expect(/<script src="http:\/\/127.0.0.1:8000\/index.js"><\/script>/)
+          .expect(/<script nonce=cspnonce>window.__webpack_public_path__ = '\/';<\/script>/)
+          .expect(res => {
+            assert(res.text.includes('<script nonce=cspnonce>(function(){window.context = JSON.parse(decodeURIComponent("%7B%22data%22%3A1%7D"));})()<\/script>'));
+          })
+          .expect(200);
+      });
+
+      it('should GET jsx', () => {
+        return app.httpRequest()
+          .get('/account')
+          .expect(/<link rel="stylesheet" href="http:\/\/127.0.0.1:8000\/account.css" \/>/)
+          .expect(/<script src="http:\/\/127.0.0.1:8000\/account.js"><\/script>/)
+          .expect(200);
+      });
+    });
+
+    describe('production', () => {
+      let app;
+
+      before(() => {
+        mock.env('prod');
+        app = mock.cluster({
+          baseDir: 'apps/assets-nonce',
+        });
+        return app.ready();
+      });
+      after(() => app.close());
+
+      it('should GET /', () => {
+        return app.httpRequest()
+          .get('/')
+          .expect(/<div id="root"><\/div>/)
+          .expect(/<link rel="stylesheet" href="http:\/\/cdn.com\/app\/public\/index.b8e2efea.css" \/>/)
+          .expect(/<script src="http:\/\/cdn.com\/app\/public\/index.c4ae6394.js"><\/script>/)
+          .expect(/<script nonce=cspnonce>window.__webpack_public_path__ = '\/app\/public\/';<\/script>/)
+          .expect(res => {
+            assert(res.text.includes('<script nonce=cspnonce>(function(){window.context = JSON.parse(decodeURIComponent("%7B%22data%22%3A1%7D"));})()<\/script>'));
+          })
+          .expect(200);
+      });
+    });
+  });
+});

+'use strict';
+
+const net = require('net');
+const path = require('path');
+const mock = require('egg-mock');
+const assert = require('assert');
+const sleep = require('mz-modules/sleep');
+
+describe('test/dev_server.test.js', () => {
+
+  let app;
+  afterEach(mock.restore);
+  afterEach(() => app.close());
+  afterEach(() => sleep(5000));
+
+  it('should start/stop dev server', async () => {
+    mock.env('local');
+    app = mock.cluster({
+      baseDir: 'apps/assets',
+    });
+    app.debug();
+    await app.ready();
+    const reg = new RegExp(`Run "node ${path.join(__dirname, 'fixtures/apps/mocktool/server.js')}" success, listen on 8000`);
+    app.expect('stdout', reg);
+
+    await app.close();
+    app.expect('stdout', /\[egg-view-assets] dev server will be killed/);
+    app.expect('stdout', /server stopped/);
+    app.expect('stderr', /\[server] error/);
+  });
+
+  it('should check first when port has been listened', async () => {
+    mock.env('local');
+    const server = new net.Server();
+    server.listen(8000);
+    app = mock.cluster({
+      baseDir: 'apps/assets',
+    });
+    // app.debug();
+    await app.ready();
+    app.notExpect('stdout', /listen on 8000/);
+    app.expect('stderr', /port 8000 has been used/);
+    app.expect('stderr', /\[agent_worker] start error/);
+    server.close();
+  });
+
+  it('should success when run command', async () => {
+    mock.env('local');
+    app = mock.cluster({
+      baseDir: 'apps/not-listen',
+    });
+    app.debug();
+    await app.ready();
+
+    await app.close();
+    await sleep(5000);
+
+    // app.expect('stdout', /Closing, but devServer is not listened/);
+  });
+
+  it('should custom devServer.cwd', async () => {
+    mock(process.env, 'DEV_SERVER_DEBUG', true);
+    mock.env('local');
+    app = mock.cluster({
+      baseDir: 'apps/custom-dev-server',
+    });
+    app.debug();
+    await app.ready();
+
+    assert(app.stdout.includes('[server] cwd: ' + path.join(__dirname, 'fixtures/apps/custom-dev-server/config')));
+  });
+
+  it('should custom devServer.env', async () => {
+    mock(process.env, 'DEV_SERVER_DEBUG', true);
+    mock.env('local');
+    app = mock.cluster({
+      baseDir: 'apps/custom-dev-server',
+    });
+    app.debug();
+    await app.ready();
+
+    assert(app.stdout.includes('[server] DEBUG: true'));
+  });
+
+  it('should disable devServer.debug', async () => {
+    mock(process.env, 'DEV_SERVER_DEBUG', false);
+    mock.env('local');
+    app = mock.cluster({
+      baseDir: 'apps/custom-dev-server',
+    });
+    app.debug();
+    await app.ready();
+
+    assert(!app.stdout.includes(path.join(__dirname, 'fixtures/apps/custom-dev-server/config')));
+  });
+
+  it('should log error when run command error', async () => {
+    mock(process.env, 'DEV_SERVER_DEBUG', true);
+    mock(process.env, 'EXIT', true);
+    mock.env('local');
+    app = mock.cluster({
+      baseDir: 'apps/custom-dev-server',
+    });
+    app.debug();
+    await app.ready();
+
+    const server = path.join(__dirname, 'fixtures/apps/custom-dev-server/config/server.js');
+    const errMsg = `[egg-view-assets] Run "node ${server}" exit with code 1`;
+    assert(app.stderr.includes(errMsg));
+  });
+
+  it('should wait timeout', async () => {
+    mock(process.env, 'DEV_SERVER_DEBUG', true);
+    mock.env('local');
+    app = mock.cluster({
+      baseDir: 'apps/custom-dev-server',
+    });
+    app.debug();
+    await app.ready();
+
+    await sleep(10000);
+    const server = path.join(__dirname, 'fixtures/apps/custom-dev-server/config/server.js');
+    const errMsg = `[egg-view-assets] Run "node ${server}" failed after 5s`;
+    assert(app.stderr.includes(errMsg));
+  });
+
+  it('should throw when command error', async () => {
+    mock.env('local');
+    app = mock.cluster({
+      baseDir: 'apps/command-error',
+    });
+    app.debug();
+    await app.ready();
+
+    app.expect('stderr', /spawn unknown ENOENT/);
+    app.expect('stderr', /Run "unknown command" failed after 5s/);
+  });
+
+  it('should check port when devServer is enabled', async () => {
+    mock.env('local');
+    app = mock.cluster({
+      baseDir: 'apps/dev-server-no-port',
+    });
+    // app.debug();
+    await app.ready();
+
+    app.expect('code', 1);
+    app.expect('stderr', /port or autoPort is required when devServer is enabled/);
+  });
+
+  it('should not check port when devServer is disabled', async () => {
+    mock.env('local');
+    mock(process.env, 'DEV_SERVER_ENABLE', 'false');
+    app = mock.cluster({
+      baseDir: 'apps/dev-server-no-port',
+    });
+    app.debug();
+    await app.ready();
+
+    app.expect('code', 0);
+    app.expect('stdout', /egg started/);
+  });
+
+  it('should auto check port with autoPort', async () => {
+    mock.env('local');
+    const app1 = mock.cluster({
+      baseDir: 'apps/autoport',
+    });
+    // app1.debug();
+    await app1.ready();
+
+    await app1.httpRequest()
+      .get('/')
+      .expect(/http:\/\/127.0.0.1:10000\/index.js/)
+      .expect(200);
+    await app1.httpRequest()
+      .get('/port')
+      .expect('10000')
+      .expect(200);
+
+    app1.expect('stdout', /\[server] listening 10000/);
+    app1.expect('stdout', /\[server] SOCKET_SERVER: http:\/\/127.0.0.1:10000/);
+
+    app = mock.cluster({
+      baseDir: 'apps/autoport',
+    });
+    // app.debug();
+    try {
+      await app.ready();
+
+      app.expect('stdout', /\[server] listening 10001/);
+    } finally {
+      await app1.close();
+    }
+  });
+
+  it('should auto check port with autoPort and port offset', async () => {
+    mock.env('local');
+    const app1 = mock.cluster({
+      baseDir: 'apps/autoport-offset',
+    });
+
+    await app1.ready();
+
+    await app1.httpRequest()
+      .get('/')
+      .expect(/http:\/\/127.0.0.1:8000\/index.js/)
+      .expect(200);
+    await app1.httpRequest()
+      .get('/port')
+      .expect('8000')
+      .expect(200);
+
+    app1.expect('stdout', /\[server] listening 8000/);
+    app1.expect('stdout', /\[server] SOCKET_SERVER: http:\/\/127.0.0.1:8000/);
+
+    app = mock.cluster({
+      baseDir: 'apps/autoport-offset',
+    });
+    // app.debug();
+    try {
+      await app.ready();
+
+      app.expect('stdout', /\[server] listening 8001/);
+    } finally {
+      await app1.close();
+    }
+  });
+});

+'use strict';
+
+const Controller = require('egg').Controller;
+
+class HomeController extends Controller {
+  async index() {
+    await this.ctx.render('index.js', {
+      data: 1,
+    });
+  }
+
+  async account() {
+    await this.ctx.render('account.jsx');
+  }
+
+  async renderString() {
+    await this.ctx.renderString('', {}, {
+      viewEngine: 'assets',
+    });
+  }
+}
+
+module.exports = HomeController;

+'use strict';
+
+module.exports = {
+  get cspnonce() {
+    return 'cspnonce';
+  },
+};

+'use strict';
+
+module.exports = app => {
+  const { router, controller } = app;
+
+  router.get('/', controller.home.index);
+  router.get('/account', controller.home.account);
+  router.get('/renderString', controller.home.renderString);
+};

+'use strict';
+
+const path = require('path');
+
+exports.keys = '123456';
+exports.view = {
+  mapping: {
+    '.js': 'assets',
+    '.jsx': 'assets',
+  },
+};
+exports.assets = {
+  publicPath: '/app/public',
+  devServer: {
+    waitStart: true,
+    command: 'node ' + path.join(__dirname, '../../mocktool/server.js'),
+    port: 8000,
+    env: {},
+    debug: true,
+  },
+  nonce(ctx) {
+    return ctx.cspnonce;
+  },
+};

+'use strict';
+
+exports.assets = {
+  url: 'http://cdn.com',
+};

+{
+  "0.a94eff34.async.js": "0.a94eff34.async.js",
+  "1.0647e11d.async.js": "1.0647e11d.async.js",
+  "2.cbbca76b.async.js": "2.cbbca76b.async.js",
+  "constants.js": "constants.e5eb201e.js",
+  "index.css": "index.b8e2efea.css",
+  "index.js": "index.c4ae6394.js",
+  "static/yay.jpg": "static/yay.44dd3333.jpg"
+}

+{
+  "name": "egg-view-assets"
+}

+'use strict';
+
+const path = require('path');
+const Controller = require('egg').Controller;
+
+class HomeController extends Controller {
+  async index() {
+    await this.ctx.render('index.js');
+  }
+
+  async context() {
+    await this.ctx.render('index.js', {
+      data: 1,
+    });
+  }
+
+  async options() {
+    await this.ctx.render('index.js', {}, {
+      templatePath: path.join(__dirname, '../view/template.ejs'),
+      templateViewEngine: 'ejs',
+    });
+  }
+
+  async cache() {
+    await this.ctx.render('index.js', { data: 1 }, {
+      templatePath: path.join(__dirname, '../view/template.ejs'),
+      templateViewEngine: 'ejs',
+    });
+  }
+
+  async renderString() {
+    await this.ctx.renderString('index.js', { data: 1 }, {
+      viewEngine: 'assets',
+    });
+  }
+
+}
+
+module.exports = HomeController;

+'use strict';
+
+module.exports = app => {
+  const { router, controller } = app;
+
+  router.get('/', controller.home.index);
+  router.get('/context', controller.home.context);
+  router.get('/options', controller.home.options);
+  router.get('/cache', controller.home.cache);
+  router.get('/renderString', controller.home.renderString);
+};

+<!doctype html>
+<html>
+  <head>
+    <%-  helper.assets.getStyle() %>
+  </head>
+  <body>
+    <div id="root"></div>
+    <%-  helper.assets.getContext() %>
+    <%-  helper.assets.getScript() %>
+  </body>
+</html>

+<!doctype html>
+<html>
+  <head>
+    {{ helper.assets.getStyle() | safe }}
+  </head>
+  <body>
+    <div id="root"></div>
+    {{ helper.assets.getContext() | safe }}
+    {{ helper.assets.getScript() | safe }}
+  </body>
+</html>

+'use strict';
+
+const path = require('path');
+
+exports.keys = '123456';
+exports.view = {
+  mapping: {
+    '.js': 'assets',
+  },
+};
+exports.assets = {
+  templatePath: path.join(__dirname, '../app/view/template.html'),
+  templateViewEngine: 'nunjucks',
+  devServer: {
+    waitStart: true,
+    command: 'node ' + path.join(__dirname, '../../mocktool/server.js'),
+    port: 8000,
+    env: {},
+    debug: true,
+  },
+};

+'use strict';
+
+module.exports = {
+  assets: {
+    url: 'http://cdn.com',
+  },
+};

+{
+  "0.a94eff34.async.js": "0.a94eff34.async.js",
+  "1.0647e11d.async.js": "1.0647e11d.async.js",
+  "2.cbbca76b.async.js": "2.cbbca76b.async.js",
+  "constants.js": "constants.e5eb201e.js",
+  "index.css": "index.b8e2efea.css",
+  "index.js": "index.c4ae6394.js",
+  "static/yay.jpg": "static/yay.44dd3333.jpg"
+}

+'use strict';
+
+module.exports = {
+  nunjucks: {
+    enable: true,
+    package: 'egg-view-nunjucks',
+  },
+  ejs: {
+    enable: true,
+    package: 'egg-view-ejs',
+  },
+};

+{
+  "name": "egg-view-assets"
+}

+'use strict';
+
+const Controller = require('egg').Controller;
+
+class HomeController extends Controller {
+  async index() {
+    await this.ctx.render('index.js', {
+      data: 1,
+    });
+  }
+
+  async account() {
+    await this.ctx.render('account.jsx');
+  }
+
+  async renderString() {
+    await this.ctx.renderString('', {}, {
+      viewEngine: 'assets',
+    });
+  }
+}
+
+module.exports = HomeController;

+'use strict';
+
+module.exports = app => {
+  const { router, controller } = app;
+
+  router.get('/', controller.home.index);
+  router.get('/account', controller.home.account);
+  router.get('/renderString', controller.home.renderString);
+};

+'use strict';
+
+const path = require('path');
+
+exports.keys = '123456';
+exports.view = {
+  mapping: {
+    '.js': 'assets',
+    '.jsx': 'assets',
+  },
+};
+exports.assets = {
+  publicPath: '/app/public',
+  devServer: {
+    waitStart: true,
+    command: 'node ' + path.join(__dirname, '../../mocktool/server.js'),
+    port: 8000,
+    env: {},
+    debug: true,
+  },
+};

+'use strict';
+
+exports.assets = {
+  url: 'http://cdn.com',
+};

+{
+  "0.a94eff34.async.js": "0.a94eff34.async.js",
+  "1.0647e11d.async.js": "1.0647e11d.async.js",
+  "2.cbbca76b.async.js": "2.cbbca76b.async.js",
+  "constants.js": "constants.e5eb201e.js",
+  "index.css": "index.b8e2efea.css",
+  "index.js": "index.c4ae6394.js",
+  "static/yay.jpg": "static/yay.44dd3333.jpg"
+}

+{
+  "name": "egg-view-assets"
+}

+'use strict';
+
+const Controller = require('egg').Controller;
+
+class HomeController extends Controller {
+  async index() {
+    await this.ctx.render('index.js');
+  }
+
+  async port() {
+    this.ctx.body = this.app.config.assets.devServer.port;
+  }
+}
+
+module.exports = HomeController;

+'use strict';
+
+module.exports = app => {
+  const { router, controller } = app;
+
+  router.get('/', controller.home.index);
+  router.get('/port', controller.home.port);
+};

+'use strict';
+
+const path = require('path');
+
+exports.keys = '123456';
+exports.view = {
+  mapping: {
+    '.js': 'assets',
+    '.jsx': 'assets',
+  },
+};
+exports.assets = {
+  devServer: {
+    waitStart: true,
+    autoPort: true,
+    port: 8000,
+    command: 'node ' + path.join(__dirname, '../../mocktool/server.js') + ' {port}',
+    env: {
+      SOCKET_SERVER: 'http://127.0.0.1:{port}',
+    },
+    debug: true,
+  },
+};

+{
+  "name": "egg-view-assets"
+}

+'use strict';
+
+const Controller = require('egg').Controller;
+
+class HomeController extends Controller {
+  async index() {
+    await this.ctx.render('index.js');
+  }
+
+  async port() {
+    this.ctx.body = this.app.config.assets.devServer.port;
+  }
+}
+
+module.exports = HomeController;

+'use strict';
+
+module.exports = app => {
+  const { router, controller } = app;
+
+  router.get('/', controller.home.index);
+  router.get('/port', controller.home.port);
+};

+'use strict';
+
+const path = require('path');
+
+exports.keys = '123456';
+exports.view = {
+  mapping: {
+    '.js': 'assets',
+    '.jsx': 'assets',
+  },
+};
+exports.assets = {
+  devServer: {
+    waitStart: true,
+    autoPort: true,
+    command: 'node ' + path.join(__dirname, '../../mocktool/server.js') + ' {port}',
+    env: {
+      SOCKET_SERVER: 'http://127.0.0.1:{port}',
+    },
+    debug: true,
+  },
+};

+{
+  "name": "egg-view-assets"
+}

+'use strict';
+
+const Controller = require('egg').Controller;
+
+class HomeController extends Controller {
+  async index() {
+    await this.ctx.render('index.js');
+  }
+}
+
+module.exports = HomeController;

+'use strict';
+
+module.exports = app => {
+  const { router, controller } = app;
+
+  router.get('/', controller.home.index);
+};

+'use strict';
+
+exports.keys = '123456';
+exports.view = {
+  mapping: {
+    '.js': 'assets',
+  },
+};
+exports.assets = {
+  devServer: {
+    waitStart: true,
+    command: 'unknown command',
+    port: 8000,
+    debug: true,
+    timeout: 5000,
+  },
+};

+{
+  "name": "egg-view-assets"
+}

+'use strict';
+
+const Controller = require('egg').Controller;
+
+class HomeController extends Controller {
+  async index() {
+    await this.ctx.render('index.js', {
+      data: 1,
+    });
+  }
+}
+
+module.exports = HomeController;

+body { color: white; }
\ No newline at end of file

+'use strict';
+
+/* global window */
+console.log('data:', window.context.data);

+'use strict';
+
+module.exports = app => {
+  const { router, controller } = app;
+
+  router.get('/', controller.home.index);
+};

+<!doctype html>
+<html>
+  <head>
+    {{ helper.assets.getStyle() | safe }}
+  </head>
+  <body>
+    <div id="root"></div>
+    <script>window.atob = undefined;</script>
+    {{ helper.assets.getContext() | safe }}
+    {{ helper.assets.getScript() | safe }}
+  </body>
+</html>

+'use strict';
+
+const path = require('path');
+
+exports.keys = '123456';
+exports.view = {
+  mapping: {
+    '.js': 'assets',
+    '.jsx': 'assets',
+  },
+};
+exports.assets = {
+  publicPath: '/public/',
+  templateViewEngine: 'nunjucks',
+  templatePath: path.join(__dirname, '../app/view/layout.html'),
+};

+{
+  "index.js": "index.js",
+  "index.css": "/index.css",
+  "page1.js": "http://cdn.com/page1.js"
+}

+'use strict';
+
+module.exports = {
+  nunjucks: {
+    enable: true,
+    package: 'egg-view-nunjucks',
+  },
+};

+{
+  "name": "egg-view-assets"
+}

+'use strict';
+
+const Controller = require('egg').Controller;
+
+class HomeController extends Controller {
+  async index() {
+    await this.ctx.render('index.js', {
+      query: this.ctx.query.query,
+    });
+  }
+}
+
+module.exports = HomeController;

+'use strict';
+
+module.exports = app => {
+  const { router, controller } = app;
+
+  router.get('/', controller.home.index);
+};

+'use strict';
+
+exports.keys = '123456';
+exports.view = {
+  mapping: {
+    '.js': 'assets',
+  },
+};
+exports.assets = {
+};

+{
+  "index.css": "index.css",
+  "index.js": "index.js"
+}

+{
+  "name": "egg-view-assets"
+}

+'use strict';
+
+const Controller = require('egg').Controller;
+
+class HomeController extends Controller {
+  async index() {
+    await this.ctx.render('index.js', {
+      data: 1,
+    });
+  }
+}
+
+module.exports = HomeController;

+body { color: white; }
\ No newline at end of file

+'use strict';
+
+/* global window */
+console.log('data:', window.context.data);

+'use strict';
+
+module.exports = app => {
+  const { router, controller } = app;
+
+  router.get('/', controller.home.index);
+};

+<!doctype html>
+<html>
+  <head>
+    {{ helper.assets.getStyle() | safe }}
+  </head>
+  <body>
+    <div id="root"></div>
+    <script>window.atob = undefined;</script>
+    {{ helper.assets.getContext() | safe }}
+    {{ helper.assets.getScript() | safe }}
+  </body>
+</html>

+'use strict';
+
+const path = require('path');
+
+exports.keys = '123456';
+exports.view = {
+  mapping: {
+    '.js': 'assets',
+  },
+};
+exports.assets = {
+  publicPath: '/public/',
+  url: 'http://example.com',
+  crossorigin: true,
+  templateViewEngine: 'nunjucks',
+  templatePath: path.join(__dirname, '../app/view/layout.html'),
+};

+{
+  "index.js": "/index.js",
+  "index.css": "/index.css"
+}

+'use strict';
+
+module.exports = {
+  nunjucks: {
+    enable: true,
+    package: 'egg-view-nunjucks',
+  },
+};

+{
+  "name": "crossorigin"
+}

+'use strict';
+
+const Controller = require('egg').Controller;
+
+class HomeController extends Controller {
+  async index() {
+    await this.ctx.render('index.js');
+  }
+
+  async context() {
+    await this.ctx.render('index.js', {
+      data: 1,
+    });
+  }
+
+}
+
+module.exports = HomeController;

+'use strict';
+
+module.exports = app => {
+  const { router, controller } = app;
+
+  router.get('/', controller.home.index);
+  router.get('/context', controller.home.context);
+};

+'use strict';
+
+const path = require('path');
+
+exports.keys = '123456';
+exports.view = {
+  mapping: {
+    '.js': 'assets',
+  },
+};
+exports.assets = {
+  devServer: {
+    waitStart: true,
+    command: 'node ' + path.join(__dirname, '../../mocktool/server.js'),
+    port: 8000,
+    env: {},
+    debug: true,
+  },
+};

+'use strict';
+
+exports.assets = {
+  url: 'http://localhost',
+};

+{
+  "0.a94eff34.async.js": "0.a94eff34.async.js",
+  "1.0647e11d.async.js": "1.0647e11d.async.js",
+  "2.cbbca76b.async.js": "2.cbbca76b.async.js",
+  "constants.js": "constants.e5eb201e.js",
+  "index.css": "index.b8e2efea.css",
+  "index.js": "index.c4ae6394.js",
+  "static/yay.jpg": "static/yay.44dd3333.jpg"
+}

+{
+  "name": "egg-view-assets"
+}

+'use strict';
+
+const Controller = require('egg').Controller;
+
+class HomeController extends Controller {
+  async index() {
+    await this.ctx.render('index.js');
+  }
+}
+
+module.exports = HomeController;

+'use strict';
+
+module.exports = app => {
+  const { router, controller } = app;
+
+  router.get('/', controller.home.index);
+};

+'use strict';
+
+const path = require('path');
+
+exports.keys = '123456';
+exports.view = {
+  mapping: {
+    '.js': 'assets',
+  },
+};
+exports.assets = {
+  contextKey: '__context__',
+  devServer: {
+    waitStart: true,
+    command: 'node ' + path.join(__dirname, '../../mocktool/server.js'),
+    port: 8000,
+    env: {},
+    debug: true,
+  },
+};

+{
+  "name": "egg-view-assets"
+}

+'use strict';
+
+const Controller = require('egg').Controller;
+
+class HomeController extends Controller {
+  async index() {
+    await this.ctx.render('index.js');
+  }
+}
+
+module.exports = HomeController;

+'use strict';
+
+module.exports = app => {
+  const { router, controller } = app;
+
+  router.get('/', controller.home.index);
+};

+'use strict';
+
+exports.keys = '123456';
+exports.view = {
+  mapping: {
+    '.js': 'assets',
+  },
+};
+exports.assets = {
+  devServer: {
+    waitStart: true,
+    command: 'node ' + require.resolve('./server.js'),
+    cwd: __dirname,
+    port: 8000,
+    env: {
+      DEBUG: true,
+    },
+    timeout: 5000,
+    debug: process.env.DEV_SERVER_DEBUG === 'true',
+  },
+};

+#!/usr/bin/env node
+
+'use strict';
+
+console.log('[server] cwd:', process.cwd());
+console.log('[server] DEBUG:', process.env.DEBUG);
+
+if (process.env.EXIT) {
+  process.exit(1);
+}

+{
+  "name": "egg-view-assets"
+}

+'use strict';
+
+const Controller = require('egg').Controller;
+
+class HomeController extends Controller {
+  async index() {
+    await this.ctx.render('index.js');
+  }
+}
+
+module.exports = HomeController;

+'use strict';
+
+module.exports = app => {
+  const { router, controller } = app;
+
+  router.get('/', controller.home.index);
+};

+'use strict';
+
+exports.keys = '123456';
+exports.view = {
+  mapping: {
+    '.js': 'assets',
+  },
+};
+exports.assets = {
+  devServer: {
+    enable: false,
+  },
+};

+{
+  "index.js": "index.js",
+  "index.css": "index.css"
+}

+#!/usr/bin/env node
+
+'use strict';
+
+console.log('[server] cwd:', process.cwd());
+console.log('[server] DEBUG:', process.env.DEBUG);
+
+if (process.env.EXIT) {
+  process.exit(1);
+}

+{
+  "name": "egg-view-assets"
+}

+'use strict';
+
+const Controller = require('egg').Controller;
+
+class HomeController extends Controller {
+  async index() {
+    await this.ctx.render('index.js');
+  }
+}
+
+module.exports = HomeController;

+'use strict';
+
+module.exports = app => {
+  const { router, controller } = app;
+
+  router.get('/', controller.home.index);
+};

+'use strict';
+
+exports.keys = '123456';
+exports.view = {
+  mapping: {
+    '.js': 'assets',
+  },
+};
+exports.assets = {
+  devServer: {
+    enable: process.env.DEV_SERVER_ENABLE !== 'false',
+    waitStart: true,
+    command: 'node ' + require.resolve('./server.js'),
+    cwd: __dirname,
+    env: {
+      DEBUG: true,
+    },
+    timeout: 5000,
+    debug: process.env.DEV_SERVER_DEBUG === 'true',
+  },
+};

+#!/usr/bin/env node
+
+'use strict';
+
+console.log('[server] cwd:', process.cwd());
+console.log('[server] DEBUG:', process.env.DEBUG);
+
+if (process.env.EXIT) {
+  process.exit(1);
+}

+{
+  "name": "egg-view-assets"
+}

+'use strict';
+
+const Controller = require('egg').Controller;
+
+class HomeController extends Controller {
+  async index() {
+    await this.ctx.render('index.js');
+  }
+
+  async context() {
+    await this.ctx.render('index.js', {
+      data: 1,
+    });
+  }
+
+}
+
+module.exports = HomeController;

+'use strict';
+
+module.exports = app => {
+  const { router, controller } = app;
+
+  router.get('/', controller.home.index);
+  router.get('/context', controller.home.context);
+};

+'use strict';
+
+const path = require('path');
+
+exports.keys = '123456';
+exports.view = {
+  mapping: {
+    '.js': 'assets',
+  },
+};
+exports.assets = {
+  dynamicLocalIP: false,
+  devServer: {
+    waitStart: true,
+    command: 'node ' + path.join(__dirname, '../../mocktool/server.js'),
+    port: 8000,
+    env: {},
+    debug: true,
+  },
+};

+{
+  "name": "egg-view-assets"
+}

+-----BEGIN CERTIFICATE-----
+MIIC9DCCAdygAwIBAgIJANhNsdON73XpMA0GCSqGSIb3DQEBCwUAMBkxFzAVBgNV
+BAMMDjEyNy4wLjAuMTo4NDQzMB4XDTE5MDkxODA5Mzk1MVoXDTE5MTAxODA5Mzk1
+MVowGTEXMBUGA1UEAwwOMTI3LjAuMC4xOjg0NDMwggEiMA0GCSqGSIb3DQEBAQUA
+A4IBDwAwggEKAoIBAQDRNVNmZWcD5444kPDHn/oJmrZ0MtGbAgaJeDWWi88sfAHZ
+skrz8akYIHnU3kP3jQ2fJYdG5h8sO9aRMscKiBSfyVT0dbzIFJJwfPxC7myzRysx
+5p/J1uO7ZyUM2lo15ia//yShVjVG+YyUnwEUYE153z0KI9ni+rQIaEh9L9jgd18I
+oWlQYdcMpZI6udc967bMfIRYGeIap4bk32JlxYKffFs1PCtOB93G0JAFgBjCPlvf
+HysymSKjZkvTA8kqO3oqWBpqAW6pvVPk0XO8mtUjw5l/nHcTTehym+g3XdQ+W1vo
+KFChRXX7j8PmDVA2U5cJxjQFpao0N8q31u4oDq3pAgMBAAGjPzA9MBkGA1UdEQQS
+MBCCDjEyNy4wLjAuMTo4NDQzMAsGA1UdDwQEAwIHgDATBgNVHSUEDDAKBggrBgEF
+BQcDATANBgkqhkiG9w0BAQsFAAOCAQEAZSg3NlR7o4OUGFd2z+EQxuaceQ0OU/2l
+ydZ9Hjo/DyUR6dyB700X3EpbAXKh90i6fD6DN+LHW3rPqUIdCMTsQOE7o/vQwhka
+rBUUOjEVs1qRSUgCq4qZzErGFH70z0z1YGSCUGvd50mRDLPhhmhqMBMRLDNJL39J
+2txPMzfNKTr/NqJC+0GfWEUeyVK6blhaxVk+02HJ7Wn4IH61WWXoKz+H3HPuj23E
+etGKSLLnMpADjYRZU4/NAe+AOJxTVYTylUfST0Wm5XnvI/8tAjo6Ttzmfa0m1+OZ
+GZDt1+FF8c4eRLQpRtyF4p6BxUvrk5BrPZJL7YkcXRcmJcFEGsr9Kw==
+-----END CERTIFICATE-----

+-----BEGIN PRIVATE KEY-----
+MIIEvwIBADANBgkqhkiG9w0BAQEFAASCBKkwggSlAgEAAoIBAQDRNVNmZWcD5444
+kPDHn/oJmrZ0MtGbAgaJeDWWi88sfAHZskrz8akYIHnU3kP3jQ2fJYdG5h8sO9aR
+MscKiBSfyVT0dbzIFJJwfPxC7myzRysx5p/J1uO7ZyUM2lo15ia//yShVjVG+YyU
+nwEUYE153z0KI9ni+rQIaEh9L9jgd18IoWlQYdcMpZI6udc967bMfIRYGeIap4bk
+32JlxYKffFs1PCtOB93G0JAFgBjCPlvfHysymSKjZkvTA8kqO3oqWBpqAW6pvVPk
+0XO8mtUjw5l/nHcTTehym+g3XdQ+W1voKFChRXX7j8PmDVA2U5cJxjQFpao0N8q3
+1u4oDq3pAgMBAAECggEBANBAKd3S8MGlPSA3v0ani4kF9bsjXxzS3lj3TTinwTnB
+00G1xgCgvTbkFQJ9oeCJC1cxT0CXD87DXeo5RoLIROdtzWBu1tXADKlm8OFbXt7y
+6B+LN+H+Q8Engm0R6hyfFlGmk/r5ypz1CihjQvrahiTbwHIYj+rurkl0LTxYZaXB
+wQ8scpyqB2TgScseJLlyESvyCYrfQ+PoqG+3Sm6WikDvEXBAJTSOgQ9RDIlL/o6z
+v5RESJmXIzlIHzt8SnneyitgjkjiW6T5s0CNIRe81aW+bl5K81tMKDDejiyzYEPM
+fWMLbQzARTnWui3c48BEv5Um6Txm60nL7xuIbm+VfpECgYEA6yK9LRTb73HMklCo
+Dyg/0Yrws9A13Fx7xMVRKGIQ6TIVUl2tl0fqbtohTrJC1YMrUFdsPtOpVrsvDx5z
+uMxfprlzF8lXWff/7oB1BWk7ljIZnA0BJ+f00eZRmpHkSvvrLBIfGAM1uilu9w5Q
+SvchbV00qcJAuiuMwl8XWBpKqaUCgYEA48WhC/kLnrjRUkbcOK+Y4m88+PUy4hZa
+NAY25t+4mUG6tDFe5N/YBj2YphGPBOGJfZbm0R06UCA5TpvdshORyu7KU80IQimC
+8OQKLJu/2mSlNL94xCzCONpUtMCkt7qJtHRlXiW32zSs8oMlJkCWScQmlvXpSOvF
+DtbdWNhCl/UCgYEArzReY7YUP3G7Lhb9cvXZv8hYnJN7Xqxm6PLiC0YvNaPE8W+u
+BnhmvZy5jssTM8ceQioyFQpgNqkZYpmdPsjCSRgMI2A6P2akhFGhYJvN85d3L6kd
+AGA9Mx38FkG5KwpVbKxAEQNrSEDRVzOKLqHAfZ4ivI9q7Y2/v6FdYp+MnKUCgYAe
+RXe/5Zt7vshjDPPbvMqu3WXXGI9oqNvYKjNFv9oC1E+B/0XDWVSWj70n5RGC7o6d
+WF7Yz++eEopLPj/amOs5cz8EoC1GzcmPRl9ryk9XMSUbu47LU7+EWtADLc82c941
+U3rdZlnnEjsiB/f5+3990knmqkwU2vDXpgrI8gT3uQKBgQCP93Bcr4MQF1ogwFeI
+o/cWIMYI2vbZAo7e5X1I4JVYm0R3c7bsKJo8vrYMwKMGfGqj56iF9wduN6rKORhx
+rA/wPES4zORRum09ppk9UOR7jIVTUqbJ9qvbmwHuXn4rn1JDvmd+Pixi7e5Ftr7G
+vXP18pbM3/WexDXV7UvHrqCxxA==
+-----END PRIVATE KEY-----

+'use strict';
+
+const Controller = require('egg').Controller;
+
+class HomeController extends Controller {
+  async index() {
+    await this.ctx.render('index.js');
+  }
+
+  async context() {
+    await this.ctx.render('index.js', {
+      data: 1,
+    });
+  }
+
+}
+
+module.exports = HomeController;

+'use strict';
+
+module.exports = app => {
+  const { router, controller } = app;
+
+  router.get('/', controller.home.index);
+  router.get('/context', controller.home.context);
+};

+'use strict';
+
+const path = require('path');
+
+exports.keys = '123456';
+exports.view = {
+  mapping: {
+    '.js': 'assets',
+  },
+};
+exports.assets = {
+  devServer: {
+    waitStart: true,
+    command: 'node ' + path.join(__dirname, '../../mocktool/server.js'),
+    port: 8000,
+    env: {},
+    debug: true,
+  },
+};

+{
+  "name": "egg-view-assets"
+}

+-----BEGIN CERTIFICATE-----
+MIIC9DCCAdygAwIBAgIJANhNsdON73XpMA0GCSqGSIb3DQEBCwUAMBkxFzAVBgNV
+BAMMDjEyNy4wLjAuMTo4NDQzMB4XDTE5MDkxODA5Mzk1MVoXDTE5MTAxODA5Mzk1
+MVowGTEXMBUGA1UEAwwOMTI3LjAuMC4xOjg0NDMwggEiMA0GCSqGSIb3DQEBAQUA
+A4IBDwAwggEKAoIBAQDRNVNmZWcD5444kPDHn/oJmrZ0MtGbAgaJeDWWi88sfAHZ
+skrz8akYIHnU3kP3jQ2fJYdG5h8sO9aRMscKiBSfyVT0dbzIFJJwfPxC7myzRysx
+5p/J1uO7ZyUM2lo15ia//yShVjVG+YyUnwEUYE153z0KI9ni+rQIaEh9L9jgd18I
+oWlQYdcMpZI6udc967bMfIRYGeIap4bk32JlxYKffFs1PCtOB93G0JAFgBjCPlvf
+HysymSKjZkvTA8kqO3oqWBpqAW6pvVPk0XO8mtUjw5l/nHcTTehym+g3XdQ+W1vo
+KFChRXX7j8PmDVA2U5cJxjQFpao0N8q31u4oDq3pAgMBAAGjPzA9MBkGA1UdEQQS
+MBCCDjEyNy4wLjAuMTo4NDQzMAsGA1UdDwQEAwIHgDATBgNVHSUEDDAKBggrBgEF
+BQcDATANBgkqhkiG9w0BAQsFAAOCAQEAZSg3NlR7o4OUGFd2z+EQxuaceQ0OU/2l
+ydZ9Hjo/DyUR6dyB700X3EpbAXKh90i6fD6DN+LHW3rPqUIdCMTsQOE7o/vQwhka
+rBUUOjEVs1qRSUgCq4qZzErGFH70z0z1YGSCUGvd50mRDLPhhmhqMBMRLDNJL39J
+2txPMzfNKTr/NqJC+0GfWEUeyVK6blhaxVk+02HJ7Wn4IH61WWXoKz+H3HPuj23E
+etGKSLLnMpADjYRZU4/NAe+AOJxTVYTylUfST0Wm5XnvI/8tAjo6Ttzmfa0m1+OZ
+GZDt1+FF8c4eRLQpRtyF4p6BxUvrk5BrPZJL7YkcXRcmJcFEGsr9Kw==
+-----END CERTIFICATE-----

+-----BEGIN PRIVATE KEY-----
+MIIEvwIBADANBgkqhkiG9w0BAQEFAASCBKkwggSlAgEAAoIBAQDRNVNmZWcD5444
+kPDHn/oJmrZ0MtGbAgaJeDWWi88sfAHZskrz8akYIHnU3kP3jQ2fJYdG5h8sO9aR
+MscKiBSfyVT0dbzIFJJwfPxC7myzRysx5p/J1uO7ZyUM2lo15ia//yShVjVG+YyU
+nwEUYE153z0KI9ni+rQIaEh9L9jgd18IoWlQYdcMpZI6udc967bMfIRYGeIap4bk
+32JlxYKffFs1PCtOB93G0JAFgBjCPlvfHysymSKjZkvTA8kqO3oqWBpqAW6pvVPk
+0XO8mtUjw5l/nHcTTehym+g3XdQ+W1voKFChRXX7j8PmDVA2U5cJxjQFpao0N8q3
+1u4oDq3pAgMBAAECggEBANBAKd3S8MGlPSA3v0ani4kF9bsjXxzS3lj3TTinwTnB
+00G1xgCgvTbkFQJ9oeCJC1cxT0CXD87DXeo5RoLIROdtzWBu1tXADKlm8OFbXt7y
+6B+LN+H+Q8Engm0R6hyfFlGmk/r5ypz1CihjQvrahiTbwHIYj+rurkl0LTxYZaXB
+wQ8scpyqB2TgScseJLlyESvyCYrfQ+PoqG+3Sm6WikDvEXBAJTSOgQ9RDIlL/o6z
+v5RESJmXIzlIHzt8SnneyitgjkjiW6T5s0CNIRe81aW+bl5K81tMKDDejiyzYEPM
+fWMLbQzARTnWui3c48BEv5Um6Txm60nL7xuIbm+VfpECgYEA6yK9LRTb73HMklCo
+Dyg/0Yrws9A13Fx7xMVRKGIQ6TIVUl2tl0fqbtohTrJC1YMrUFdsPtOpVrsvDx5z
+uMxfprlzF8lXWff/7oB1BWk7ljIZnA0BJ+f00eZRmpHkSvvrLBIfGAM1uilu9w5Q
+SvchbV00qcJAuiuMwl8XWBpKqaUCgYEA48WhC/kLnrjRUkbcOK+Y4m88+PUy4hZa
+NAY25t+4mUG6tDFe5N/YBj2YphGPBOGJfZbm0R06UCA5TpvdshORyu7KU80IQimC
+8OQKLJu/2mSlNL94xCzCONpUtMCkt7qJtHRlXiW32zSs8oMlJkCWScQmlvXpSOvF
+DtbdWNhCl/UCgYEArzReY7YUP3G7Lhb9cvXZv8hYnJN7Xqxm6PLiC0YvNaPE8W+u
+BnhmvZy5jssTM8ceQioyFQpgNqkZYpmdPsjCSRgMI2A6P2akhFGhYJvN85d3L6kd
+AGA9Mx38FkG5KwpVbKxAEQNrSEDRVzOKLqHAfZ4ivI9q7Y2/v6FdYp+MnKUCgYAe
+RXe/5Zt7vshjDPPbvMqu3WXXGI9oqNvYKjNFv9oC1E+B/0XDWVSWj70n5RGC7o6d
+WF7Yz++eEopLPj/amOs5cz8EoC1GzcmPRl9ryk9XMSUbu47LU7+EWtADLc82c941
+U3rdZlnnEjsiB/f5+3990knmqkwU2vDXpgrI8gT3uQKBgQCP93Bcr4MQF1ogwFeI
+o/cWIMYI2vbZAo7e5X1I4JVYm0R3c7bsKJo8vrYMwKMGfGqj56iF9wduN6rKORhx
+rA/wPES4zORRum09ppk9UOR7jIVTUqbJ9qvbmwHuXn4rn1JDvmd+Pixi7e5Ftr7G
+vXP18pbM3/WexDXV7UvHrqCxxA==
+-----END PRIVATE KEY-----

+'use strict';
+
+const http = require('http');
+const Koa = require('koa');
+
+const port = Number(process.argv[2]) || 8000;
+
+console.info('[server] SOCKET_SERVER: ' + process.env.SOCKET_SERVER);
+
+const app = new Koa();
+app.use(async ctx => {
+  ctx.body = 'done';
+});
+
+const server = http.createServer(app.callback());
+server.once('error', err => {
+  console.error('[server]', err.stack);
+  process.exit(1);
+});
+server.once('listening', () => {
+  console.info('[server] listening ' + port);
+});
+
+console.info('[server] listen ' + port);
+server.listen(port);
+
+process.once('SIGTERM', () => {
+  console.log('[server] server stopped');
+  process.exit();
+});
+
+console.error('[server] error');

+'use strict';
+
+const Controller = require('egg').Controller;
+
+class HomeController extends Controller {
+  async index() {
+    await this.ctx.render('index.js');
+  }
+}
+
+module.exports = HomeController;

+'use strict';
+
+module.exports = app => {
+  const { router, controller } = app;
+
+  router.get('/', controller.home.index);
+};

+'use strict';
+
+exports.keys = '123456';
+exports.view = {
+  mapping: {
+    '.js': 'assets',
+  },
+};
+exports.assets = {
+  devServer: {
+    enable: false,
+  },
+};

+{
+  "vendor.js": "vendor.js",
+  "a.js": "a.js",
+  "b.js": "b.js",
+  "c.js": "c.js"
+}

+{
+  "name": "multiple-getscript"
+}

+'use strict';
+
+exports.assets = {
+  devServer: {
+    enable: false,
+  },
+};

+{
+  "name": "egg-view-assets"
+}

+'use strict';
+
+const Controller = require('egg').Controller;
+
+class HomeController extends Controller {
+  async index() {
+    await this.ctx.render('index.js', {
+      data: 1,
+    });
+  }
+
+  async renderString() {
+    await this.ctx.renderString('', {}, {
+      viewEngine: 'assets',
+    });
+  }
+}
+
+module.exports = HomeController;

+'use strict';
+
+module.exports = app => {
+  const { router, controller } = app;
+
+  router.get('/', controller.home.index);
+  router.get('/renderString', controller.home.renderString);
+};

+'use strict';
+
+exports.keys = '123456';
+exports.assets = {
+  devServer: {
+    command: 'echo command',
+    port: 8000,
+    env: {},
+    debug: true,
+  },
+};

+{
+  "name": "egg-view-assets"
+}

+'use strict';
+
+const Controller = require('egg').Controller;
+
+class HomeController extends Controller {
+  async index() {
+    await this.ctx.render('index.html', {
+      __context__: { data: 1 },
+    });
+  }
+}
+
+module.exports = HomeController;

+'use strict';
+
+module.exports = app => {
+  const { router, controller } = app;
+
+  router.get('/', controller.home.index);
+};

+<script>window.resourceBaseUrl = '{{ helper.assets.resourceBase }}';</script>
+{{ helper.assets.getStyle('index.css') | safe }}
+{{ helper.assets.getContext(__context__) | safe }}
+{{ helper.assets.getScript('index.js') | safe }}

+'use strict';
+
+const path = require('path');
+
+exports.keys = '123456';
+exports.view = {
+  mapping: {
+    '.html': 'nunjucks',
+  },
+};
+exports.assets = {
+  publicPath: '/app/public',
+  devServer: {
+    waitStart: true,
+    command: 'node ' + path.join(__dirname, '../../mocktool/server.js'),
+    port: 8000,
+    env: {},
+  },
+};

+'use strict';
+
+exports.assets = {
+  url: 'http://cdn.com',
+};

+{
+  "0.a94eff34.async.js": "0.a94eff34.async.js",
+  "1.0647e11d.async.js": "1.0647e11d.async.js",
+  "2.cbbca76b.async.js": "2.cbbca76b.async.js",
+  "constants.js": "constants.e5eb201e.js",
+  "index.css": "index.b8e2efea.css",
+  "index.js": "index.c4ae6394.js",
+  "static/yay.jpg": "static/yay.44dd3333.jpg"
+}

+'use strict';
+
+module.exports = {
+  nunjucks: {
+    enable: true,
+    package: 'egg-view-nunjucks',
+  },
+  ejs: {
+    enable: true,
+    package: 'egg-view-ejs',
+  },
+};

+{
+  "name": "egg-view-assets"
+}

+'use strict';
+
+const Controller = require('egg').Controller;
+
+class HomeController extends Controller {
+  async index() {
+    await this.ctx.render('index.js');
+  }
+}
+
+module.exports = HomeController;

+'use strict';
+
+module.exports = app => {
+  const { router, controller } = app;
+
+  router.get('/', controller.home.index);
+};

+'use strict';
+
+exports.keys = '123456';
+exports.view = {
+  mapping: {
+    '.js': 'assets',
+  },
+};
+exports.assets = {
+  devServer: {
+    waitStart: true,
+    command: 'roadhog dev',
+    port: 8000,
+  },
+};

+{
+  "name": "egg-view-assets"
+}

+'use strict';
+
+const Controller = require('egg').Controller;
+
+class HomeController extends Controller {
+  async index() {
+    await this.ctx.render('index.js', {
+      data: 1,
+    });
+  }
+}
+
+module.exports = HomeController;

+body { color: white; }
\ No newline at end of file

+'use strict';
+
+/* global window */
+console.log('data:', window.context.data);

+'use strict';
+
+module.exports = app => {
+  const { router, controller } = app;
+
+  router.get('/', controller.home.index);
+};

+<!doctype html>
+<html>
+  <head>
+    {{ helper.assets.getStyle() | safe }}
+  </head>
+  <body>
+    <div id="root"></div>
+    <script>window.atob = undefined;</script>
+    {{ helper.assets.getContext() | safe }}
+    {{ helper.assets.getScript() | safe }}
+  </body>
+</html>

+'use strict';
+
+const path = require('path');
+
+exports.keys = '123456';
+exports.view = {
+  mapping: {
+    '.js': 'assets',
+    '.jsx': 'assets',
+  },
+};
+exports.assets = {
+  publicPath: '/public/',
+  templateViewEngine: 'nunjucks',
+  templatePath: path.join(__dirname, '../app/view/layout.html'),
+};

+{
+  "index.js": "index.js",
+  "index.css": "index.css"
+}

+'use strict';
+
+module.exports = {
+  nunjucks: {
+    enable: true,
+    package: 'egg-view-nunjucks',
+  },
+};

+{
+  "name": "egg-view-assets"
+}

+'use strict';
+
+const mock = require('egg-mock');
+const request = require('supertest');
+const sleep = require('mz-modules/sleep');
+
+describe.skip('roadhog', () => {
+  let app;
+  before(() => {
+    mock.env('local');
+    app = mock.cluster({
+      baseDir: 'apps/tool-roadhog',
+    });
+    return app.ready();
+  });
+  after(() => app.close());
+
+  it('should GET /', async () => {
+    await app.httpRequest()
+      .get('/')
+      .expect(res => {
+        res.text.includes('<link rel="stylesheet" href="http://127.0.0.1:8000/index.css"></link>');
+        res.text.includes('<script src="http://127.0.0.1:8000/index.js"></script>');
+        // res.text.includes('<script>window.context={}</script>');
+      })
+      .expect(200);
+
+    await sleep(10000);
+
+    await request('http://127.0.0.1:8000')
+      .get('index.js')
+      .expect(res => {
+        console.log(res);
+      });
+  });
+});

+'use strict';
+
+const mock = require('egg-mock');
+const puppeteer = require('puppeteer');
+const sleep = require('mz-modules/sleep');
+const assert = require('assert');
+
+describe('test/ui.test.js', () => {
+  let app;
+  before(() => {
+    mock.env('default');
+    app = mock.cluster({
+      baseDir: 'apps/ui',
+      port: 7001,
+    });
+    app.debug();
+    return app.ready();
+  });
+  after(() => app.close());
+  after(mock.restore);
+
+  it('should request index.js', async () => {
+    await app.httpRequest()
+      .get('/public/index.js')
+      .expect(/window.context.data/)
+      .expect(200);
+  });
+
+  it('should render html', async () => {
+    await app.httpRequest()
+      .get('/')
+      .expect(res => {
+        assert(res.text.includes('<script>(function(){window.context = JSON.parse(decodeURIComponent("%7B%22data%22%3A1%7D"));})()<\/script>'));
+      })
+      .expect(200);
+  });
+
+  it('should console', async () => {
+    const browser = await puppeteer.launch({
+      args: [ '--no-sandbox', '--disable-setuid-sandbox' ],
+    });
+    const page = await browser.newPage();
+    let text = '';
+    page.on('console', msg => (text += msg.text()));
+    await page.goto('http://127.0.0.1:7001');
+
+    await sleep(5000);
+    assert(text === 'data: 1');
+  });
+
+});