postcss-modules
postcss-modules copied to clipboard
Underscore and integer being appended to localIdentName.
I'm loving CSS Modules with Vue.js but am having an issue dealing with a static export for server side rendering. I've been using the following for my localIdentName in webpack config:
cssModules: { localIdentName: '[name]-[local]' },
However, all of my classnames are generating with an _0 at the end and I cannot figure out how to remove it. Any help would be greatly appreciated. Please refer to the attached image:
As it turns out this appears to be a symptom of having the styles in Vue single file components. If I import the style from an external file, the _int goes away. Any idea whether this is an issue that needs to be addressed on the Vue end or the Webpack / PostCSS end? Thanks!