جافاسكريبت - كيفية استدعاء jquery باستخدام webpack
كيف يمكنني استدعاء ملف jquery باستخدام webpack؟ هل يجب علي تثبيته من npm، أم يمكنني فقط استدعاء الملف المحمّل من موقع jquery؟
دليل
app/ ./assets/javascripts/article/create/base.js ./assets/javascripts/lib/jquery-1.11.1.min.js webpack.config.jsخطأ base.js
require('../../../lib/jquery-1.11.1.min اقرأ أكثر →جافاسكريبت - Webpack DefinePlugin من دالة غير متزامنة
أود أن أعرف بعض الثوابت التي يتم إرجاعها من مورد غير متزامن. هل هناك أي طريقة للقيام بذلك في Webpack؟
/* webpack.config.js */ module.exports = { ..., plugins: [ new webpack.DefinePlugin({ someVar: /* RETURN VARIABLE FROM ASYNC FUNCTION */ }) ] } اقرأ أكثر →جافاسكريبت - طلب ملف بشكل مشروط في ويبباك
أريد تجميع الملفات في بناء الإنتاج الخاص بي فقط إذا لم يكن من أجل DEBUG;
لذا لقد استخدمت webpack.DefinePlugin وقمت بتعيين المتغير DEBUG === true.
قم أيضاً بتكوين webpack.UglifyJsPlugin باستخدام الخيارات الافتراضية
وفي ملف الجافا سكريبت، أفعل هكذا:
const A = D اقرأ أكثر →جافاسكريبت - Webpack - devtool: source-map للـ CSS و eval-source-map للـ JS؟
إذا استخدمت devtool: 'source-map' فإنه يعمل بشكل ممتاز مع CSS:
لكن، أسماء متغيرات الجافاسكريبت الخاصة بي ليست ممتعة:
اقرأ أكثر →جافاسكريبت - كيفية استخدام ويبباك مع babel-loader و flow
أشعر بالصعوبة مع ما أعتقد أنه لا ينبغي أن يكون إعدادًا صعبًا جدًا. أريد لهذه التقنيات الثلاث أن تعمل معًا:
- ويب باك لتجميع الشيفرة
- بايبيل حتى أتمكن من كتابة جافاسكريبت الحديثة
- فلو لأن التحقق من النوع مفيد تمامًا مثل الاختبارات والمُدقق
لقد جربت بالفعل عدة إعدادات لهذا، لكن لا يبدو أن
اقرأ أكثر →جافاسكريبت - Webpack: كيف تصدر مباشرة إلى النطاق العالمي (بدون .default) محتويًا على استيرادات ملفات الأنماط؟
السياق
لدي ملف webpack.config.js كهذا:
/* Something here */ module.exports = { entry: { main: './src/index.js' }, output: { library: 'MyClass', libraryTarget: 'umd', path: pa اقرأ أكثر →جافاسكريبت - كيفية العثور على الأجزاء لإدخال Webpack
أَنا أَستخدم webpack لتحديث تطبيق ASP.NET Web Forms متعدد الصفحات قديم. لقد حققت نجاحًا جيدًا معه حتى حاولت استخدام SplitChunksPlugin لإزالة التكرار من حزمتي باستخدام خياره chunks: 'all'. للأسف، هذا ينتج عددًا من حزم JavaScript الإضافية التي يجب تضمينها جميعًا في وسوم script إلى جانب حزمة الدخول الأصلي
اقرأ أكثر →جافاسكريبت - خطأ Angular 14 Webpack 5، وحدات Node.js غير الضرورية (أعتقد) تمنعني من تشغيل التطبيق
أنا أعمل في تطبيق Angular 14 جديد تمامًا. إصدار Node الخاص بي هو v14.20.0، و npm هو 8.17.0
لست متأكدًا لماذا، لكن لسبب ما لدي كل هذه التبعيات الخاصة بـ nodejs مضمنة. حاولت حذف node_modules وإعادة تثبيتها باستخدام npm، لكن لا زلت أواجه هذه المشكلة.
ل
اقرأ أكثر →جافا سكريبت - كيف تجعل ملف bundle.js أكثر قابلية للقراءة باستخدام webpack (sourcemap)؟
أحاول إنشاء مشروعي الأول باستخدام webpack ولا أستطيع العثور على طريقة لتغيير المفاتيح الرقمية، التي تمثل الوحدات في ملف bundle.js الناتج، إلى سلسلة وصفية بحيث يكون من الأسهل تتبعها في أداة تصحيح الأخطاء...
لقد جربت output.chunkFilename و output.sourceMapFilename دون جدوى.
هكذا يبدو مهمتي في Gulp:
gulp.task('webpack', function (done) { webpack({ entry: { app: paths.src + "/main.js", vendor: ['react/addons', 'lodash'] }, output: { pa اقرأ أكثر →javascript - لم يتم تعريف Perf - تشغيل تطبيق react باستخدام webpack-dev-server
أحاول قياس أداء React باستخدام إضافة Perf، ولكن عندما أحاول تشغيل Perf.start() في وحدة التحكم الخاصة بي أحصل على خطأ: Uncaught ReferenceError: Perf is not defined(…)
جدير بالذكر أنني قمت بتثبيت الإضافة عبر npm ولدي require('react-addons-perf') موجود في ملف ma
اقرأ أكثر →