Require the css file of a package using webpack

Recently I found myself wanting to use the react-select package and realized that I need to include the css that was present in its dist folder. My application is setup to use webpack along with webpack the module loaders - css-loader and style-loader. In order to directly use a file located at node_modules/react-select/dist/react-select.css, I added the following line to my own application's app.css file app.css

@import url('~react-select/dist/react-select.css');

...
... All my other css
...

Also Read:

1. Using context and childContext in React
2. Render a d3js Tree as a React Component
3. Uncaught TypeError: Cannot read property 'toUpperCase' of undefined in React
4. Pass props to the handler component in react-router
5. webpack with babel6 and react