Webpack تحويل ملفات less إلى css

لاحظ أنك تستعمل الصيغة scss بدلًا من less في الخاصية test، وسيكون الكود الصحيح، كالتالي:

module.exports = {
  module: {
    rules: [
      {
        test: /\-theme.less$/i,	// لاحظ صيغة الملفات
        loader: [
          // compiles Less to CSS
          "style-loader",
          "css-loader",
          "less-loader",
        ],
      },
    ],
  },
};

يمكنك استخدام حزمة less-loader بحيث يمكنك تثبيتها من خلال الأمر التالي 

npm install less less-loader --save-dev

ثم في ملف webpack.config.js يمكنك إضافة التالي إلى rules 

{
        test: /\.less$/i,
        loader: [
          // compiles Less to CSS
          "style-loader",
          "css-loader",
          "less-loader",
        ],
      },

بحيث سيقوم هذا loader بتحويل ملفات less إلى css.