DEV Community

How to set the Webpack project root?

Rasmus Schultz on February 21, 2018

I've only recently started using WebPack. (with Typescript, which I've been using for a long time, and Preact since recently.) I'm really happy wi...
Read full post
Collapse
 
mindplay profile image
Rasmus Schultz •

I completely missed it, but here it is - it's called context... I must have look for this 20 times, and was expecting something like "rootDir", but - there it is :-)

Collapse
 
jess profile image
Jess Lee •

👋 @thelarkinn

Collapse
 
nickytonline profile image
Nick Taylor • • Edited

@mindplay , the reason you need to cd into your styleguide folder is because styleguide has your tsconfig.json and webpack.config.js in there. If you don't want the styleguide to be the root, simply move your tsconfig.json and webpack.config.js to your root folder. If for some reason you can't change that, simply call webpack with an explicit configuration file and point it to ./styleguide/webpack.config.js, e.g. 

"scripts": {
      "build-styleguide-ts": "webpack --config ./styleguide/webpack.config.js",
},

I have a typescript preact boilerplate if you want to take a peek.

Hit me up if you're still stuck.

Collapse
 
thelarkinn profile image
Sean Larkin •

webpack.js.org/configuration/context