| /* |
| * Licensed to the Apache Software Foundation (ASF) under one |
| * or more contributor license agreements. See the NOTICE file |
| * distributed with this work for additional information |
| * regarding copyright ownership. The ASF licenses this file |
| * to you under the Apache License, Version 2.0 (the |
| * "License"); you may not use this file except in compliance |
| * with the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, |
| * software distributed under the License is distributed on an |
| * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY |
| * KIND, either express or implied. See the License for the |
| * specific language governing permissions and limitations |
| * under the License. |
| */ |
| require('./check-versions')() |
| |
| var config = require('../config') |
| if (!process.env.NODE_ENV) { |
| process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV) |
| } |
| |
| var opn = require('opn') |
| var path = require('path') |
| var express = require('express') |
| var webpack = require('webpack') |
| var proxyMiddleware = require('http-proxy-middleware') |
| var webpackConfig = require('./webpack.dev.conf') |
| |
| // default port where dev server listens for incoming traffic |
| var port = process.env.PORT || config.dev.port |
| // automatically open browser, if not set will be false |
| var autoOpenBrowser = !!config.dev.autoOpenBrowser |
| // Define HTTP proxies to your custom API backend |
| // https://github.com/chimurai/http-proxy-middleware |
| var proxyTable = config.dev.proxyTable |
| |
| var app = express() |
| var compiler = webpack(webpackConfig) |
| |
| var devMiddleware = require('webpack-dev-middleware')(compiler, { |
| publicPath: webpackConfig.output.publicPath, |
| quiet: true |
| }) |
| |
| var hotMiddleware = require('webpack-hot-middleware')(compiler, { |
| log: false, |
| heartbeat: 2000 |
| }) |
| // force page reload when html-webpack-plugin template changes |
| compiler.plugin('compilation', function (compilation) { |
| compilation.plugin('html-webpack-plugin-after-emit', function (data, cb) { |
| hotMiddleware.publish({ action: 'reload' }) |
| cb() |
| }) |
| }) |
| |
| // proxy api requests |
| Object.keys(proxyTable).forEach(function (context) { |
| var options = proxyTable[context] |
| if (typeof options === 'string') { |
| options = { target: options } |
| } |
| app.use(proxyMiddleware(options.filter || context, options)) |
| }) |
| |
| // handle fallback for HTML5 history API |
| app.use(require('connect-history-api-fallback')()) |
| |
| // serve webpack bundle output |
| app.use(devMiddleware) |
| |
| // enable hot-reload and state-preserving |
| // compilation error display |
| app.use(hotMiddleware) |
| |
| // serve pure static assets |
| var staticPath = path.posix.join(config.dev.assetsPublicPath, config.dev.assetsSubDirectory) |
| app.use(staticPath, express.static('./static')) |
| |
| var uri = 'http://localhost:' + port |
| |
| var _resolve |
| var readyPromise = new Promise(resolve => { |
| _resolve = resolve |
| }) |
| |
| console.log('> Starting dev server...') |
| devMiddleware.waitUntilValid(() => { |
| console.log('> Listening at ' + uri + '\n') |
| // when env is testing, don't need open it |
| if (autoOpenBrowser && process.env.NODE_ENV !== 'testing') { |
| opn(uri) |
| } |
| _resolve() |
| }) |
| |
| var server = app.listen(port) |
| |
| module.exports = { |
| ready: readyPromise, |
| close: () => { |
| server.close() |
| } |
| } |