feat: use webpackbar

This commit is contained in:
endiliey 2018-08-01 18:02:35 +08:00
parent dbf78c5c14
commit 50894d824d
3 changed files with 75 additions and 20 deletions

View file

@ -10,8 +10,8 @@ const serveStatic = require('koa-static');
const history = require('connect-history-api-fallback');
const portfinder = require('portfinder');
const serve = require('webpack-serve');
const serveWaitpage = require('webpack-serve-waitpage');
const webpackNiceLog = require('webpack-nicelog');
const webpackBar = require('webpackbar');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const load = require('../loader');
const createDevConfig = require('../webpack/dev');
@ -46,8 +46,14 @@ module.exports = async function dev(sourceDir, cliOptions = {}) {
// resolve webpack config
let config = createDevConfig(props);
config.plugin('WebpackBar').use(webpackBar, [
{
compiledIn: false
}
]);
config.plugin('WebpackNiceLog').use(webpackNiceLog, [
{
compileMessage: 'none',
onDone: () => {
console.log(
`\n${chalk.blue('Development server available at ')}${chalk.cyan(
@ -77,7 +83,7 @@ module.exports = async function dev(sourceDir, cliOptions = {}) {
{
content: [nonExistentDir],
compiler,
open: true,
open: false,
devMiddleware: {
logLevel: 'silent'
},
@ -92,7 +98,6 @@ module.exports = async function dev(sourceDir, cliOptions = {}) {
if (fs.existsSync(staticDir)) {
app.use(mount(publicPath, serveStatic(staticDir)));
}
app.use(serveWaitpage(options, {theme: 'dark'})); // https://github.com/elisherer/webpack-serve-waitpage#middleware-options
app.use(range); // enable range request https://tools.ietf.org/html/rfc7233
app.use(
convert(