How We Teach How

My Classroom Classroom

Enroll by January 6th, 2025

OUR PROGRAMS

FSWD, Data Science & Applied AI Full-stack Web Development Front-end Web Development Back-end Web Development Explore Our Programs Our Students Sample projects and assignments How We Teach FAQs Message Us

YOUR ACCOUNT

SwitchUp Ranked Best Coding Bootcamps 2025

How to import some css files as global in js while the rest are imported as local

Altcademy Team wrote on 7 February 2018

I use webpack to handle my css files. I configured my css and sass loaders to import files as modules. But sometimes I want to import some files as global. What's the best way to do this?

You can do it like this in your js files. From https://github.com/css-modules/css-modules/pull/65

// import in default mode (using CSS Modules)
import styles from 'styles.css';
// This imported styles globally without running through CSS Modules
import '!style!css!styles.css';
// This imported styles globally using SCSS for example
import '!style!css!sass!styles.scss';

The idea is: if we need to import something differently, we explicitly declared its loaders (and options maybe) when we import

Learn web development online

Cohort 97 begins on January 6th, 2025

Most Popular

Full-stack Web Development

Learn full-stack development with HTML, CSS, JavaScript, React, Ruby and Rails, Computer science fundamentals & programming skills.

VIEW DETAILS

Upgrade FSWD to include Python, Data Science, AI Application, TypeScript and more.

Front-end Web Development

Learn front-end development with HTML, CSS, JavaScript, and jQuery. Computer science fundamentals & programming skills.

VIEW DETAILS

Back-end Web Development

Learn back-end development with Ruby and Rails, M-V-C. Computer science fundamentals with practical programming skills.

VIEW DETAILS

Trusted by

Students and instructors from world-class organizations

Join the upcoming Cohort #97

Enroll for January 6th, 2025