Hi there,
mini-css-extract-plugin seems to generate a lot of output in my console whenever compilation occurs. This makes it difficult to see if any errors or warning have occurred. Is there any way to reduce the level of output?
Note: I'm using vue-loader and ts-loader but I'm assuming the console output is coming from mini-css-extract-plugin
Thanks!
EDIT: I found this similar issue that provided some more information.
https://github.com/webpack-contrib/extract-text-webpack-plugin/issues/97#issuecomment-389387662
Example output:
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/sass-loader/lib/loader.js??ref--4-3!src/main.scss:
Asset Size Chunks Chunk Names
fonts/fontawesome-webfont.eot 162 KiB [emitted]
fonts/fontawesome-webfont.svg 434 KiB [emitted]
fonts/fontawesome-webfont.ttf 162 KiB [emitted]
fonts/fontawesome-webfont.woff2 75.4 KiB [emitted]
fonts/fontawesome-webfont.woff 95.7 KiB [emitted]
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./src/main.scss] ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js??ref--4-3!./src/main.scss 275 KiB {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/url/escape.js] 448 bytes {mini-css-extract-plugin} [built]
[./node_modules/font-awesome/fonts/fontawesome-webfont.eot] 75 bytes {mini-css-extract-plugin} [built]
[./node_modules/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0] 75 bytes {mini-css-extract-plugin} [built]
[./node_modules/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0] 75 bytes {mini-css-extract-plugin} [built]
[./node_modules/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0] 75 bytes {mini-css-extract-plugin} [built]
[./node_modules/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0] 77 bytes {mini-css-extract-plugin} [built]
[./node_modules/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0] 76 bytes {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/admin/admin-footer.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/admin/admin-footer.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/admin/admin-footer.component.vue?vue&type=style&index=0&lang=scss 165 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/admin/admin-home.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/admin/admin-home.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/admin/admin-home.component.vue?vue&type=style&index=0&lang=scss 165 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/admin/admin-layout.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/admin/admin-layout.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/admin/admin-layout.component.vue?vue&type=style&index=0&lang=scss 165 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/admin/admin-navigation.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/admin/admin-navigation.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/admin/admin-navigation.component.vue?vue&type=style&index=0&lang=scss 165 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/client/client-footer.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/client/client-footer.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/client/client-footer.component.vue?vue&type=style&index=0&lang=scss 165 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/client/client-home.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/client/client-home.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/client/client-home.component.vue?vue&type=style&index=0&lang=scss 282 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/client/client-layout.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/client/client-layout.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/client/client-layout.component.vue?vue&type=style&index=0&lang=scss 165 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/client/client-navigation.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/client/client-navigation.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/client/client-navigation.component.vue?vue&type=style&index=0&lang=scss 1.07 KiB {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/public/public-about-us.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/public/public-about-us.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/public/public-about-us.component.vue?vue&type=style&index=0&lang=scss 350 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/public/public-contact-us.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/public/public-contact-us.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/public/public-contact-us.component.vue?vue&type=style&index=0&lang=scss 165 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/public/public-error.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/public/public-error.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/public/public-error.component.vue?vue&type=style&index=0&lang=scss 165 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/public/public-features.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/public/public-features.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/public/public-features.component.vue?vue&type=style&index=0&lang=scss 350 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/public/public-footer.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/public/public-footer.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/public/public-footer.component.vue?vue&type=style&index=0&lang=scss 308 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/public/public-home.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/public/public-home.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/public/public-home.component.vue?vue&type=style&index=0&lang=scss 216 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/public/public-layout.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/public/public-layout.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/public/public-layout.component.vue?vue&type=style&index=0&lang=scss 165 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/public/public-login.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/public/public-login.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/public/public-login.component.vue?vue&type=style&index=0&lang=scss 377 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/public/public-navigation.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/public/public-navigation.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/public/public-navigation.component.vue?vue&type=style&index=0&lang=scss 1.46 KiB {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/public/public-register-user.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/public/public-register-user.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/public/public-register-user.component.vue?vue&type=style&index=0&lang=scss 394 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/shared/banner.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/shared/banner.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/shared/banner.component.vue?vue&type=style&index=0&lang=scss 439 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/shared/base/base-form.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/shared/base/base-form.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/shared/base/base-form.component.vue?vue&type=style&index=0&lang=scss 168 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/shared/base/base-navigation.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/shared/base/base-navigation.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/shared/base/base-navigation.component.vue?vue&type=style&index=0&lang=scss 168 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/shared/form/form-input-text.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/shared/form/form-input-text.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/shared/form/form-input-text.component.vue?vue&type=style&index=0&lang=scss 168 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/shared/login.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/shared/login.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/shared/login.component.vue?vue&type=style&index=0&lang=scss 328 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/shared/modal.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/shared/modal.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/shared/modal.component.vue?vue&type=style&index=0&lang=scss 165 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/shared/pricing.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/shared/pricing.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/shared/pricing.component.vue?vue&type=style&index=0&lang=scss 1.01 KiB {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/shared/toaster.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/shared/toaster.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/shared/toaster.component.vue?vue&type=style&index=0&lang=scss 248 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/wizard/base/base-wizard.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/wizard/base/base-wizard.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/wizard/base/base-wizard.component.vue?vue&type=style&index=0&lang=scss 168 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/wizard/steps/step-confirm-payment.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/wizard/steps/step-confirm-payment.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/wizard/steps/step-confirm-payment.component.vue?vue&type=style&index=0&lang=scss 168 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/wizard/steps/step-payment-details.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/wizard/steps/step-payment-details.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/wizard/steps/step-payment-details.component.vue?vue&type=style&index=0&lang=scss 168 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/wizard/steps/step-payment-method.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/wizard/steps/step-payment-method.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/wizard/steps/step-payment-method.component.vue?vue&type=style&index=0&lang=scss 168 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/wizard/wizard-layout.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/wizard/wizard-layout.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/wizard/wizard-layout.component.vue?vue&type=style&index=0&lang=scss 165 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/wizard/wizard-navigation.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/wizard/wizard-navigation.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/wizard/wizard-navigation.component.vue?vue&type=style&index=0&lang=scss 532 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/wizard/wizard-status.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/wizard/wizard-status.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/wizard/wizard-status.component.vue?vue&type=style&index=0&lang=scss 206 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
Child mini-css-extract-plugin node_modules/css-loader/index.js!node_modules/vue-loader/lib/loaders/stylePostLoader.js!node_modules/sass-loader/lib/loader.js??ref--4-3!node_modules/vue-loader/lib/index.js??vue-loader-options!src/components/wizard/wizards/wizard-pay.component.vue?vue&type=style&index=0&lang=scss:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/index.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/wizard/wizards/wizard-pay.component.vue?vue&type=style&index=0&lang=scss] ./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js??ref--4-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/wizard/wizards/wizard-pay.component.vue?vue&type=style&index=0&lang=scss 168 bytes {mini-css-extract-plugin} [built]
[./node_modules/css-loader/lib/css-base.js] 2.21 KiB {mini-css-extract-plugin} [built]
i ï½¢wdmï½£: Compiled successfully.
Use stats for enable/disable logs
@evilebottnawi That workaround was also suggested for extract-text-webpack-plugin, but it's a _bad_ workaround because it removes useful log output from other plugins.
Is there really no other way to disable all this log spam from mini-css-extract-plugin?
agreed, for each file it will do this, should be configurable ( or only put useful logs there)
+1
+1
+1
@evilebottnawi Actually, the issue is still exists. Using stats is not the solution it's just a workaround. Ideally, log messages of mini-css-extract-plugin should be configured via this plugin itself instead of using stats of devServer config, isn't it?
@KonstantinDavidov no, we use webpack api and you should use stats, no new option for output information. If you found what some places you can't configurate in output please create issue in webpack about this.
Here's a slightly less horrible workaround (not a fix, obviously), that I adapted from this earlier workaround for extract-text-webpack-plugin:
export default class CleanUpStatsPlugin {
shouldPickStatChild(child) {
return child.name.indexOf('mini-css-extract-plugin') !== 0;
}
apply(compiler) {
compiler.hooks.done.tap('CleanUpStatsPlugin', (stats) => {
const children = stats.compilation.children;
if (Array.isArray(children)) {
// eslint-disable-next-line no-param-reassign
stats.compilation.children = children
.filter(child => this.shouldPickStatChild(child));
}
});
}
}
It is sad that we have to hack these stats away after the fact, instead of toggling verbosity though 😢
@KonstantinDavidov no, we use webpack api and you should use
stats, no new option for output information. If you found what some places you can't configurate in output please create issue in webpack about this.
It makes a lot of sense to keep using webpack's API for logging, but as @vdh mentioned, we should allow some control of the level of verbosity of the plugin (e.g. via options.verbosity).
I also completely agree with @vdh and @filiptc that we need an option in plugin itself to control output verbosity.
The excessively verbose output from the mini-css-extract-plugin interferes with valid output such as linters.
@evilebottnawi any change this is open for reconsideration? No other plugin pollutes the output of a terminal quite like this one. Using stats is a horrible workaround. It's quite normal to be able to toggle log-levels. Especially since there is hardly any useful output in there. (only if you are debugging) (hey that sounds like a debug-level log candidate ;-))
way too many logs when dev'ing, I'd love to help fix this/add a config option to the plugin itself
Our project contains hundreds of Vue files, each containing few SCSS rules, and mini-css-extract-plugin logs a very long line for each of them.
There's something wrong with my webpack config, build fails, but I can't see what's failling, because mini-css-extract-plugin is filling all the terminal history with hundreds of line like this one:
Entrypoint mini-css-extract-plugin = *
[./node_modules/css-loader/dist/cjs.js?!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/lib/loader.js?!./node_modules/vue-loader/lib/index.js?!./src/Modules/ExampleBundle/Resources/public/js/example/tab/example.vue?vue&type=style&index=1&id=b5a984a4&scoped=true&lang=css&] ./node_modules/css-loader/dist/cjs.js??ref--5-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--5-2!./node_modules/sass-loader/lib/loader.js??ref--5-3!./node_modules/vue-loader/lib??vue-loader-options!./src/Modules/ExampleBundle/Resources/public/js/example/tab/example.vue?vue&type=style&index=1&id=b5a984a4&scoped=true&lang=css& 6.1 KiB {mini-css-extract-plugin} [built]
Looking at stats, I tried _(without beeing able to hide mini-css-extract-plugin logs)_:
module.exports = {
stats: 'errors-only',
//...
module.exports = {
stats: {
excludeModules: "mini-css-extract-plugin"
},
//...
module.exports = {
stats: {
excludeModules: "mini-css-extract-plugin"
},
//...
@gnicol-bzh Does not work for me either
This will suppress info from child compilation (mini-css-extract-plugin). Compilation errors are still shown.
module.exports = {
stats: {
children: false
}
}
Also, the Stats object seems to support more fine grained control over the children output (https://github.com/webpack/webpack/blob/39a8742e37537c3887ee8baef6050d96d421067c/test/Stats.unittest.js#L78 and https://github.com/webpack/webpack/blob/39a8742e37537c3887ee8baef6050d96d421067c/lib/Stats.js#L1416), but it is limited to just booleans by the webpack configuration checker (https://github.com/webpack/webpack/blob/d3ef63256fc5b153443e29d1f1210a75f421d7f9/schemas/WebpackOptions.json#L1687)
@ferm10n As already discussed, stats config is _incorrect_, as it will filter out the desired output from other plugins. It has been a terrible solution since the days of extract-text-webpack-plugin.
I understand, I was under the impression that the earlier discussion was talking about disabling stats output entirely. In my case I had no useful child output so disabling the child output was the correct choice.
Any ideas why Stats supports fine grained control for child output, but the webpack config schema does not?
@ferm10n I'm honestly not even sure what legitimate use the children config even has. It's quite an ugly hack to discard potential output from _every_ plugin just because _one_ plugin is too verbose. You never know if you might need some of that output when you encounter an issue at some point. The CleanUpStatsPlugin workaround example at least only targets this plugin explicitly.
Agree with previous comments in multple issues. Obviously a lot of people find it a problem that a lot is logged, and that it is difficult to handle it in a reasonable way (e.g. not using children: false since it removes other potentially useful logging). There should be a better way/optinos to handle this.
Is this still an issue? I'm having the same problem. This issue should be reopened
Most helpful comment
Here's a slightly less horrible workaround (not a fix, obviously), that I adapted from this earlier workaround for
extract-text-webpack-plugin:It is sad that we have to hack these stats away after the fact, instead of toggling verbosity though 😢