если webpack юзать, то не надо в отдельный файл все импротить. Но css-modules в купе с postcss делают жизнь проще.
А твой вариант вполне имеет право на жизнь. Сам долгое время так делал, потом stylus с его require решил эту проблему, но все-таки советую смотреть в сторону css-modules. А если не нравится или еще какая причина по поводу styles.someClass, то есть альтернатива react-css-modules (насколько я понял ты с реактом работаешь). https://github.com/gajus/react-css-modules
Но ты видимо не понял как этот сниппет работает, там наверняка вокус в кавычках появляется и если начнешь писать, то string удалиться и появиться то, что ты написал. Если фокуса нет сразу, попробуй нажать еще раз таб после раскрытия
