Closed SanichKotikov closed 8 months ago
Hi,
For example, I have next code:
/* values.css */ @value test-t: 40px; @value test_q: 36px;
@value test-t, test_q from "values.css"; .root { height: test-t; height: test_q; }
Result I've got:
.Comp__root__wrlsR { height: undefined; height: 36px; }
Webpack rule I use:
{ test: /\.css$/, exclude: /node_modules/, sideEffects: true, use: [ isProd ? MiniCssExtractPlugin.loader : 'style-loader', { loader: 'css-loader', options: { importLoaders: 1, modules: { mode: 'local', exportLocalsConvention: 'dashesOnly', localIdentName: isProd ? '[hash:base64:5]' : '[name]__[local]__[hash:base64:5]', }, }, }, { loader: 'postcss-loader', options: { postcssOptions: { plugins: { 'postcss-nesting': {}, 'postcss-modules-values': {}, ...(isProd && { autoprefixer: { flexbox: 'no-2009' } }), }, }, }, }, ], },
Is there something I've missed?
Should work, can you provide full repo to reproduce?
Hi,
For example, I have next code:
Result I've got:
Webpack rule I use:
Is there something I've missed?