Vuepress: Sass imports of node_modules do not work when building

[peXed]

• Your OS: Windows 10
• Node.js version: 8.10.0
• VuePress version: 0.6.1
• Browser version: Chrome 65
• Is this a global or local install?: local
• Which package manager did you use for the install?: yarn

Bug:
If you import sass files from a node_module it will work on the dev server, but it fails when building the project.

Steps to reproduce:

1. clone repo: https://github.com/peXed/vuepress-test
2. run yarn docs:build and you will get the following error:
   File to import not found or unreadable: ~bulma.
3. run yarn docs:dev and everything will work as expected

Expected behavior:
Importing node_modules works when building the project as well.

[gaven]

@ulivz - would you mind if I took a look at this?

[ulivz]

You just used a wrong import path but didn't set any alias:

  @import "~bulma";

remove the ~ instead.

[peXed]

@ulivz unfortunatly, this is not fixing the issue.

The prefix ~ should be fine, because it tells Webpack that this is not a relative path (for more information see: https://github.com/webpack-contrib/sass-loader#imports).
With the prefix the import works great in development (without the prefix, you will get an error message).
But during the build process, the import is not working.
I guess this may be an webpack issue, not finding the node_modules anymore?

Can we reopen the issue?

[skjnldsv]

Hey! This is still not fixed.
@ulivz look at the docs: https://github.com/webpack-contrib/sass-loader#imports
@import ~xxxx IS valid :)

[beatgrabe]

Hmm facing the same issue now. Are there any solutions or any hints why this problem exists?

To give an idea about my actual problem, I have something like this in my enhanceApp.js file:

import './styles.sass'

export default ({
  Vue,
  options,
  router,
  siteData
}) => {

}

I added the node-sass and sass-loader packages to preprocess the sass. On running vuepress dev docs the sass rules are included, but on running vuepress build docs there are not.

[anlexN]

i don’t want to use any framework integration or wrapper!
How to use material-components-web?