.a, #b {
color: red;
}
.mixin-class {
.a();
}
.mixin-id {
#b();
}
//配置
{
test: /less\/.+\.less$/,
use: [
'style-loader',
{
loader: 'css-loader',
options: {
modules: true,
localIdentName: '[local]-[hash:base64:5]'
}
},
'less-loader',
'postcss-loader'
]
},
//错误信息
ERROR in ./~/css-loader?{"modules":true,"localIdentName":"[local]-[hash:base64:5]"}!./~/less-loader/dist!./~/postcss-loader/lib!./public/static/less/vols.packages.less
0|luoo-m | Module build failed: Syntax Error
0|luoo-m | (102:5) Unknown word
0|luoo-m | 100 | }
0|luoo-m | 101 | .mixin-class {
0|luoo-m | > 102 | .a();
0|luoo-m | | ^
0|luoo-m | 103 | }
0|luoo-m | 104 | .mixin-id {
0|luoo-m | @ ./public/static/less/vols.packages.less 4:14-197 16:2-20:4 17:20-203
0|luoo-m | @ ./app/containers/vols/packages.js
0|luoo-m | @ ./app/routes/client/vols/index.js
0|luoo-m | @ ./app/routes/client.js
0|luoo-m | @ ./app/client.js
Tiada masalah dengan fungsi lain yang kurang buat masa ini, tetapi ada masalah apabila menggunakan kod campuran ini
Gaya anda menggunakan 4 pemuat, dan postcss digunakan terlebih dahulu mengikut urutan Ralat ini dilemparkan oleh postcss kerana ia tidak boleh menghuraikan sintaks ini, tidak kurang.
Tangkapan skrin daripada https://autoprefixer.github.io/
Jadi sudah cukup untuk menukar kedudukan kurang-pemuat dan postcss-pemuat.
Saya tidak faham. Adakah .a() ditulis seperti ini dalam kurang??