عبد النور محمد نشر 8 سبتمبر 2021 أرسل تقرير نشر 8 سبتمبر 2021 أحتاج إلى تحويل الملفين light-theme.less و dark-theme.less من ملفات less إلى css. لا أعرف كيفية القيام بذلك في حزمة webpack وتخزينها في المجلد العام من تطبيقي. كانت محاولتي: module.exports = { module: { rules: [ { test: /\-theme.scss$/, use: [ { loader: 'style-loader', }, { loader: 'css-loader', }, { loader: 'less-loader', }, ], }, ], }, } ولكنها لم تنجح 1 اقتباس
1 سامح أشرف نشر 8 سبتمبر 2021 أرسل تقرير نشر 8 سبتمبر 2021 لاحظ أنك تستعمل الصيغة scss بدلًا من less في الخاصية test، وسيكون الكود الصحيح، كالتالي: module.exports = { module: { rules: [ { test: /\-theme.less$/i, // لاحظ صيغة الملفات loader: [ // compiles Less to CSS "style-loader", "css-loader", "less-loader", ], }, ], }, }; 2 اقتباس
1 أسامة زيادة نشر 9 سبتمبر 2021 أرسل تقرير نشر 9 سبتمبر 2021 يمكنك استخدام حزمة 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. اقتباس
السؤال
عبد النور محمد
أحتاج إلى تحويل الملفين light-theme.less و dark-theme.less من ملفات less إلى css. لا أعرف كيفية القيام بذلك في حزمة webpack وتخزينها في المجلد العام من تطبيقي. كانت محاولتي:
ولكنها لم تنجح
2 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.