Vue-cli: webpack-dev-server how to disabled --progress

Created on 14 May 2018  路  9Comments  路  Source: vuejs/vue-cli

What problem does this feature solve?

webpack-dev-server how to disabled --progress

          .plugin('progress')
          .use(require('webpack/lib/ProgressPlugin'))

What does the proposed API look like?

vue-cli-service serve

Most helpful comment

@yyx990803 I would want to disable progress report because when running an app using vue-cli-service serve --mode development as a docker-compose service, I get a long wall of text for log output like this very short snippet of the total output:

feapp     | <s> [webpack.Progress] 66% building 696/741 modules 45 active /usr/src/app/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!/usr/src/app/node_modules/postcss-loader/src/index.js??ref--9-oneOf-3-2!/usr/src/app/node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!/usr/src/app/node_modules/vuetify/src/components/VColorPicker/VColorPickerSwatches.sass
feapp     | <s> [webpack.Progress] 66% building 696/742 modules 46 active /usr/src/app/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!/usr/src/app/node_modules/postcss-loader/src/index.js??ref--9-oneOf-3-2!/usr/src/app/node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!/usr/src/app/node_modules/vuetify/src/components/VProgressLinear/VProgressLinear.sass
feapp     | <s> [webpack.Progress] 66% building 697/742 modules 45 active /usr/src/app/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!/usr/src/app/node_modules/postcss-loader/src/index.js??ref--9-oneOf-3-2!/usr/src/app/node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!/usr/src/app/node_modules/vuetify/src/components/VProgressLinear/VProgressLinear.sass
feapp     | <s> [webpack.Progress] 66% building 698/742 modules 44 active /usr/src/app/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!/usr/src/app/node_modules/postcss-loader/src/index.js??ref--9-oneOf-3-2!/usr/src/app/node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!/usr/src/app/node_modules/vuetify/src/components/VProgressLinear/VProgressLinear.sass
feapp     | <s> [webpack.Progress] 66% building 698/743 modules 45 active /usr/src/app/node_modules/core-js/internals/inherit-if-required.js
feapp     | <s> [webpack.Progress] 66% building 698/744 modules 46 active /usr/src/app/node_modules/vue-style-loader/index.js??ref--9-oneOf-3-0!/usr/src/app/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!/usr/src/app/node_modules/postcss-loader/src/index.js??ref--9-oneOf-3-2!/usr/src/app/node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!/usr/src/app/node_modules/vuetify/src/components/VExpansionPanel/VExpansionPanel.sass

All 9 comments

vue.config.js set devServer.progress=false dos not work

This is a question, not a feature request. Please use forum.vuejs.org or chat.vuejs.org to ask for help.

Just curious, why would you want to do that?

This should be possible in the next release.

chainConfig.plugins.delete('progress');

Here is a use case when you don't want progess: Some IDE's (cough, webstorm, cough) doesn't handle the current terminal output very well:
webstorm64_2018-05-18_18-06-07

(I think https://github.com/vuejs/vue-cli/commit/da38747f46403355e45ff3f246ff73ddb675446a was a valiant effort, but because of https://github.com/webpack/webpack-dev-server/issues/201#issuecomment-245241363 it doesn't make any difference, at least not for progress.

Here is a use case when you don't want progess: Some IDE's (cough, webstorm, cough) doesn't handle the current terminal output very well:
webstorm64_2018-05-18_18-06-07

(I think da38747 was a valiant effort, but because of webpack/webpack-dev-server#201 (comment) it doesn't make any difference, at least not for progress.

Same as Mine.

I know this issue is closed, but for anyone that ends up here and is still stuck, I found a potential issue with da38747, and documented a solution here: https://github.com/vuejs/vue-cli/issues/4557#issuecomment-545965828

@yyx990803 I would want to disable progress report because when running an app using vue-cli-service serve --mode development as a docker-compose service, I get a long wall of text for log output like this very short snippet of the total output:

feapp     | <s> [webpack.Progress] 66% building 696/741 modules 45 active /usr/src/app/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!/usr/src/app/node_modules/postcss-loader/src/index.js??ref--9-oneOf-3-2!/usr/src/app/node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!/usr/src/app/node_modules/vuetify/src/components/VColorPicker/VColorPickerSwatches.sass
feapp     | <s> [webpack.Progress] 66% building 696/742 modules 46 active /usr/src/app/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!/usr/src/app/node_modules/postcss-loader/src/index.js??ref--9-oneOf-3-2!/usr/src/app/node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!/usr/src/app/node_modules/vuetify/src/components/VProgressLinear/VProgressLinear.sass
feapp     | <s> [webpack.Progress] 66% building 697/742 modules 45 active /usr/src/app/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!/usr/src/app/node_modules/postcss-loader/src/index.js??ref--9-oneOf-3-2!/usr/src/app/node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!/usr/src/app/node_modules/vuetify/src/components/VProgressLinear/VProgressLinear.sass
feapp     | <s> [webpack.Progress] 66% building 698/742 modules 44 active /usr/src/app/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!/usr/src/app/node_modules/postcss-loader/src/index.js??ref--9-oneOf-3-2!/usr/src/app/node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!/usr/src/app/node_modules/vuetify/src/components/VProgressLinear/VProgressLinear.sass
feapp     | <s> [webpack.Progress] 66% building 698/743 modules 45 active /usr/src/app/node_modules/core-js/internals/inherit-if-required.js
feapp     | <s> [webpack.Progress] 66% building 698/744 modules 46 active /usr/src/app/node_modules/vue-style-loader/index.js??ref--9-oneOf-3-0!/usr/src/app/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!/usr/src/app/node_modules/postcss-loader/src/index.js??ref--9-oneOf-3-2!/usr/src/app/node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!/usr/src/app/node_modules/vuetify/src/components/VExpansionPanel/VExpansionPanel.sass
Was this page helpful?
0 / 5 - 0 ratings

Related issues

OmgImAlexis picture OmgImAlexis  路  3Comments

miyamoto-san picture miyamoto-san  路  3Comments

JIANGYUJING1995 picture JIANGYUJING1995  路  3Comments

joshuajohnson814 picture joshuajohnson814  路  3Comments

PrimozRome picture PrimozRome  路  3Comments