node.js - erreur de chargement moindre lors de l'utilisation de Mixins
黄舟
黄舟 2017-06-29 10:09:15
0
2
877
.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

Il n'y a aucun problème avec les autres fonctions de less pour le moment, mais quelque chose ne va pas lors de l'utilisation de ce code mixte, veuillez le résoudre !

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

répondre à tous(2)
巴扎黑

Votre style utilise 4 chargeurs et postcss est appliqué en premier dans l'ordre. Cette erreur est générée par postcss car il ne peut pas analyser cette syntaxe, pas moins.


Captures d'écran de https://autoprefixer.github.io/

Il devrait donc suffire d'échanger les positions de less-loader et postcss-loader.

世界只因有你

Je ne comprends pas. Est-ce que .a() est écrit comme ça en moins ??

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!