What package allows Mern to do `import styles from './Foo.css';`?

Title says it all, specifically being able to import CSS styles and reference as keys. I'm curious what allows the syntax import styles from './Foo.css';. Looking in package.json I saw some hints and did some web searches but still can't identify exactly which package provides this behavior.

To add a bit more context, I have an existing non-mern project and would love to have similar functionality. One answer references "babel" but I'm fairly certain that's not enough to be able to import css styles and reference them by key.

What are the exact packages I would have to add to package.json to be able to have this functionality?

#mern

Responses(1)

Zach Sosana

all things javascript

Aug 11, 2016

At the current moment babel.js is supplying this functionality, by transpiling your es6 import modules to es5 require modules.

Alan

engineer

Aug 12, 2016

babel handling import to require makes sense, but surely babel is not handling the css side of things. is it enough to just have babel and webpack-css-loader and everything "just works" ?

webpack handles bundling multiple files into one file or loads multiple files in chunks depending on size of your app. This includes css and js. I wouldn't say it just works as webpack is confusing at first at how you set this up for dev and production builds. I constantly refer to @bebraw SurviveJS - Webpack https://leanpub.com/survivejs-webpack and I highly recommend it :). There is also a gitter chat dedicated to this book regarding webpack where the community will help with questions https://gitter.im/survivejs/webpack

Thread

What package allows Mern to do `import styles from './Foo.css';`?

Responses(1)

Recent threads

Search Hashnode

What package allows Mern to do `import styles from './Foo.css';`?

Responses(1)

Recent threads