postcss 单独不转换_多級嵌套在postcss不起作用

當我使用postcss-loader和postcss-cssnext插件，的CSS-類可以是在第二窩的前效果，在第三巢意願不起作用多級嵌套在postcss不起作用

style.css

.root {

background-color: #ccc;

& .header {

height: 60px;

background-color: #dcdcdc;

}

& .content {

border: 1px solid red;

& .test { /* doesn't work */

background-color: #00f;

height: 200px;

}

}

}

app.tsx

Hello test

postcss-loader config

{

loader: 'postcss-loader',

options: {

sourceMap: true,

sourceComments: true,

plugins: [

require('postcss-import')({

root: path.join(__dirname, './'),

path: [ path.join(__dirname, './src/toolkit') ]

}),

require('postcss-at-rules-variables')({

variables: makeAtRulesVariables(injectedCssVariables)

}),

require('postcss-modules-values'),

require('postcss-mixins')(),

require('postcss-each')(),

require('postcss-cssnext')({

features: {

customProperties: {

variables: injectedCssVariables

}

}

}),

require('postcss-reporter')({

clearMessages: true

})

]

}

}

2017-07-19

taven

+0

爲什麼你認爲它不工作？什麼導出到'樣式'對象？ –