2017-10-03 6 views
0

J'essaie d'importer le fichier LESS dans mon code JS. Mais je reçois une erreur comme - 'Vous pouvez avoir besoin d'un chargeur approprié pour gérer ce type de fichier. '. Version - "Laravel-mix": "^ 0.11.4"Personnalisé moins dans Laravel Mix

Dans mes webpack.mix.js j'ai essayé ce code

mix.webpackConfig({ 
    module: { 
     rules: [{ 
      test: /\.less$/, 
      loader: ['style-loader','css-loader','less-loader'] 
     }] 
    } 
})........ 

Mais je reçois toujours la même erreur.

+0

Avez-vous regardé cela? https://laravel.com/docs/5.5/mix#less. Vous n'avez pas besoin de configurer quoi que ce soit de spécial pour LESS. –

+0

@RuChernChong thx pour la réponse, j'utilise React donc j'ai besoin d'importer le fichier de style dans mon composant, donc cette solution ne fonctionne pas laravel.com/docs/5.5/mix#less. J'utilise ce module ' : { règles: [{ test: /\.less$/, chargeur: "style-loader chargeur css moins chargeur!", ne comprend pas: [ path.resolve (__dirname, "node-modules"), path.resolve (__ dirname, "ressources/assets/less"), ], },] } ' – Mag

Répondre

1
const path = require('path'); 
mix.webpackConfig({ 
module: { 
    rules: [ 
     { 
     test: /\.less$/, 
     loader: "style-loader!css-loader!less-loader", 
     exclude: [ 
      path.resolve(__dirname, "node-modules"), 
      path.resolve(__dirname, "resources/assets/less"), 
     ], 
     }, 
    ]} 
}) 

Works pour ma question