File to import not found

Question

So I'm trying to import my SCSS file with all vars and mixins definitions to all components I have. File name for defs is _defs.scss:

<style lang="scss"> @import "styles/defs"; some component styling </style>

I also used alias in webpack to define where to look for styles folder:

resolve: { alias: { 'vue$': 'vue/dist/vue.esm.js', assets: path.resolve(__dirname, "src/assets/"), styles: path.resolve(__dirname, "src/styles/") } }

But for some reason webpack still throws error telling he can't find the import file.
Where am I wrong?

Project Structure

Possible duplicate of How to preload variables in a component style — choasia
– choasia, Commented Aug 22, 2017 at 5:53
Question is not about ways of defining vars in global scope. Question is about why my paths are not working. — Arc
– Arc, Commented Aug 22, 2017 at 5:56
Hello, I mean I don't use it in here. I ask why can't webpack find imported file, however I defined where to look for it in resolve.alias. — Arc
– Arc, Commented Aug 22, 2017 at 6:00

Arc · Accepted Answer · 2017-08-22 06:50:36Z

1

Changing

@import "styles/defs";

to

@import "~styles/defs";

will solve the problem. See: explanation.

answered Aug 22, 2017 at 6:50

Arc

116 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

teju c · Accepted Answer · 2017-08-22 06:01:36Z

0

I haven't use webpack in months, but can you check this:

https://webpack.github.io/docs/resolving.html, http://moduscreate.com/es6-es2015-import-no-relative-path-webpack/

answered Aug 22, 2017 at 6:01

teju c

3362 silver badges8 bronze badges

1 Comment

Arc Over a year ago

Maybe I'm blind but it seems that everything is right. I've been breaking my head for some time already, so decided to write here in case I can't see some mistake I made.

Collectives™ on Stack Overflow

File to import not found

2 Answers 2

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Linked

Related