fix(build): progress bars

Author: Guillaume Chau

lib/webpack.js

@@ -29,11 +29,11 @@ exports.getWebpackConfig = ({ target }) => {
     const isExtracting = webpackConfig.plugins.has('extract-css')
     if (isExtracting) {
       // Remove extract
-    const langs = ['css', 'postcss', 'scss', 'sass', 'less', 'stylus']
-    const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
-    for (const lang of langs) {
-      for (const type of types) {
-        const rule = webpackConfig.module.rule(lang).oneOf(type)
+      const langs = ['css', 'postcss', 'scss', 'sass', 'less', 'stylus']
+      const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
+      for (const lang of langs) {
+        for (const type of types) {
+          const rule = webpackConfig.module.rule(lang).oneOf(type)
           rule.uses.delete('extract-css-loader')
           // Critical CSS
           rule.use('css-context').loader(CssContextLoader).before('css-loader')
@@ -75,21 +75,21 @@ exports.getWebpackConfig = ({ target }) => {
     webpackConfig = mergeWebpack(webpackConfig, {
       plugins: [
         new VueSSRClientPlugin(),
-        ...(isProd ? [new WebpackBar({
+        new WebpackBar({
           name: 'Client',
           color: 'green',
-        })] : []),
+        }),
       ],
       devtool: !isProd ? '#cheap-module-source-map' : undefined,
     })
   } else {
     webpackConfig = mergeWebpack(webpackConfig, {
       plugins: [
         new VueSSRServerPlugin(),
-        ...(!isProd ? [new WebpackBar({
+        new WebpackBar({
           name: 'Server',
           color: 'orange',
-        })] : []),
+        }),
       ],
       externals: nodeExternals({
         whitelist: config.nodeExternalsWhitelist,