Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

.vuepress/style.styl does not take effect in the production environment #977

Closed
1 task done
xnng opened this issue Nov 4, 2018 · 3 comments
Closed
1 task done

Comments

@xnng
Copy link

xnng commented Nov 4, 2018

  • I confirm that this is a issue rather than a question.

Bug report

.vuepress/style.styl can not use in production enviroment,but in development enviroment is available

when I vuepress

Version

0.14.4

Steps to reproduce

I want to override some of the styles. I created .vuepress/style.styl and it took effect after I vuepress dev it, but it didn't take effect after I vuepress build it.

I tried both on windows and CentOS, and they all had the same effect.

Do I need additional configuration to add this file? I didn't see it in the document.

What is expected?

I hope than .vuepress/style.styl can use in dev and prod enviroment。

This is my css:

image

This is dev:

image

This is prod:

image

I found a way to solve my problem,add !important like this :

image

What is actually happening?

After I build it, .vuepress/style.styl didn't work.

Other relevant information

  • Your OS: Win 10 1803 and CentOS7
  • Node.js version: 10.13.0
  • Browser version: 70.0.3538.77
  • Is this a global or local install? I've tried all of it
  • Which package manager did you use for the install? yarn
@ulivz
Copy link
Member

ulivz commented Nov 6, 2018

Could you provide the reproduction repo?

@xnng
Copy link
Author

xnng commented Nov 6, 2018

Could you provide the reproduction repo?

Thank you for the reply,the repo is https://github.com/xnng/vuepress-test

@ulivz
Copy link
Member

ulivz commented Nov 13, 2018

Hey, thanks for your repro, this is an issue caused by this commit of webpack-contrib/mini-css-extract-plugin.

Fixed and published at 0.14.5.

@ulivz ulivz closed this as completed Nov 13, 2018
ulivz pushed a commit that referenced this issue Nov 13, 2018
This is because mini-css-extract-plugin had a internal change at webpack-contrib/mini-css-extract-plugin#265 which will cause issue to VuePress.
ulivz added a commit that referenced this issue Nov 13, 2018
This is because mini-css-extract-plugin had a internal change at webpack-contrib/mini-css-extract-plugin#265 which will cause issue to VuePress.
ulivz added a commit that referenced this issue Nov 13, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants