Is it possible to set autoprefix for class names in vue-loader?

Question

Preprocessors

I have the names of all classes in the component begin with its name. For example:

<div class="component-name">
   <div class="component-name-element-name"></div>
   <div class="component-name-another-element-name"></div>
</div>

Is there any auto-prefixer to avoid writing a rather long component name each time?

Answer 1

<template>
<div :class="$style.component">
   <div :class="$style.element"></div>
   <div :class="$style['another-element']"></div>
</div>
</template>

<style module>
.component {}
.element {}
.another-element {}
</style>

module, unlike scoped, changes class names to a unique hash, and throws it into the vm.$style object
selectors are mega lightweight

Answer 2

You can use scoped css