Doesn't use moduleDirectories

[jhnns]

I'm currently using less and bootstrap in my project. I'm importing some bootstrap less files like this:

@import "bootstrap/less/reset";
@import "bootstrap/less/grid";

and in my webpack config I have

config.resolve.modulesDirectories = ["components", "node_modules"];

but the imports can't be resolved.

[jhnns]

And bootstrap is placed in my app under /components/bootstrap. 😄

[sokra]

@import "~bootstrap/less/reset.less";
@import "~bootstrap/less/grid.less";

---

It cannot be @import "bootstrap/less/reset" because this would mean the folder bootstrap

[jhnns]

Ah thx

[jupl]

I'm having issues getting this to work. In a test, I created a file with the line

@import '~bootstrap/less/normalize.less';

and I get the error:

Module build failed: Error: Cannot resolve module node_modules/bootstrap/less/variables.less

I do have Bootstrap downloaded under node_modules.

[jhnns]

How did you install bootstrap into node_modules? Via npm? The bootstrap-module on npm is not Twitter Bootstrap.

I think it's better to download bootstrap via bower and add this line to your webpack.config.js:

config.resolve.modulesDirectories = ["bower_components", "node_modules"];

[jupl]

Ugh, I'm such a dunce. I screwed up my modulesDirectories during some late-night coding. I got it to work. Anyway, in case you're curious I just added Bootstrap to package.json as a tarball to reduce having to rely on extra tools:

"bootstrap": "https://github.com/twbs/bootstrap/archive/v3.1.1.tar.gz"

Thanks for the help! :D

[jhnns]

Ah ok. I'm glad it finally worked 😉