Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

postcss does not work as expected with vue-loader

See original GitHub issue

Version

15.4.0

Reproduction link

https://github.com/JounQin/test/commit/ba578d339b1b3bf3155c850192b8b460e7cede2c

Steps to reproduce

Clone https://github.com/JounQin/test and checkout branch vue-loader, run yarn build and check dist/main.*.css file, it is minified. Change code back to Vue style version and run yarn build again, dist/main.*.css is not minified correctly.

What is expected?

dist/main.*.css should be minified.

What is actually happening?

dist/main.*.css is not minified.

Issue Analytics

State:
Created 5 years ago
Comments:7 (3 by maintainers)

Top GitHub Comments

3reactions

JounQincommented, Dec 4, 2018

It seems @yyx990803 you have came back to ‘work’, would like to check about this issue?

0reactions

yyx990803commented, Dec 11, 2018

I was able to reproduce this via Vue CLI as I noticed this only happens for CSS inlined in JavaScript. Let’s track this in https://github.com/vuejs/component-compiler-utils/pull/40 instead.

Top Results From Across the Web

My PostCSS plugin does not work in a Vue-cli 3 project

I'm trying to use it in a Vue-cli app (Webpack). I installed the plugin with npm install . I have postcss & postcss-loader...

Vue.js plugin does not recognize PostCSS syntax in <style>

vue -loader supports PostCSS by default, so that PostCSS syntax can be used ... I expects that Vue.js plugin deal with CSS in...

sass-loader - webpack - JS.ORG

This allows you to control the versions of all your dependencies, and to choose which Sass implementation to use. Note. We highly recommend...

Features | Vite

However, some libraries (e.g. vue ) don't work well with "isolatedModules": true . You can use "skipLibCheck": true to temporarily suppress the errors...

CSS Modules composes and vue-loader

However, it appears webpack does not pick up on this type of file reference. This means if you are using any PostCss features...