Should I import CSS in js file?

I use iview in my project, in renderer process like this:

import iView from 'iview';
import 'iview/dist/styles/iview.css';    // Use CSS

Vue.use(iView);

But, there is a error in console:

Uncaught SyntaxError: Unexpected token .
    at Object.exports.runInThisContext (vm.js:78:16)
    at Module._compile (module.js:543:28)
    at Object.require.extensions.(anonymous function) [as .js] (D:\Projects\demo\node_modules\electron-compile\lib\require-hook.js:77:14)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
    at Function.Module._load (module.js:439:3)
    at Module.require (module.js:498:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (D:\Projects\demo\src\renderer.js:32:1)
    at Object.<anonymous> (D:\Projects\demo\src\renderer.js:72:3)

Should I use import .css file in .js file without webpack?

[MarshallOfSound]

You shouldn’t import CSS in a JS file in any circumstance IMO. WebPack uses that technique as a result of CSS modules and it just working better with their bundling strategy (plus a bunch of other reasons I’m sure).

But in a world where you don’t need to bundle and your entire browser is a commonJS environment, including CSS in JS makes very little sense. You should just add a link tag for it 👍

[mnemanja]

What happens with React? Which approach do would you suggest for importing css in react components?