files/he/mozilla/add-ons/webextensions/טיפום/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

---
title: טיפים וטריקים
slug: Mozilla/Add-ons/WebExtensions/טיפום
tags:
  - ECMAScript
  - אקמהסקריפט
  - הרחבות רשת
  - טיפים
  - טיפים וטריקים
  - טריקים
translation_of: Mozilla/Add-ons/WebExtensions/Tips
---
<p>{{AddonSidebar}}</p>

<p>עמוד זה מכיל טיפים וטריקים שוניםהאמורים להיות שימושיים לאנשים רבים המפתחים הרחבות באמצעות ממשקי הפיתוח של הרחבות רשת.</p>

<h2 id="שימוש_בתכונות_ג'אווהסקריפט_מתקדמות_מתוך_ECMAScript_2015_ו-2016">שימוש בתכונות ג'אווהסקריפט מתקדמות  מתוך ECMAScript 2015 ו-2016</h2>

<p>פיירפוקס <a href="/Web/JavaScript/New_in_JavaScript/ECMAScript_6_support_in_Mozilla">תומך בתכונות רבות של  ECMAScript 2015</a> מלוץ לקופסה. תכונות חדשות ונסיוניות אחדות, לעומת זאת, אינן זמינות לרשת או להרחבות רשת כברירת מחדל.   ,אם ברצונך להשתמש בתכונות אלו, הטוב ביותר יהיה לתרגן את הקוד שלך על ידי שימוש בכלי כמו  <a href="https://babeljs.io/">Babel</a>.</p>

<p>יש לתת את הדעת לכך שכל דבר תחת  לשורה זו הינו מידע לא מעודכן והוצא מ-Babel 6.</p>

<p>Babel מספק טרנספורמציות לרוב הרחב של תכונות ES2015, ומאפשר אותן כברירת מחדל. מאחר ופיירפוקס כבר תומך באופן מלא ברובן, הטוב ביותר יהיה לקנפג את Babel להתעלם מהן. אנו ממליצים ליצור  קובץ<code> .babelrc</code> או מקטע <code>babel</code> בקובץ ה-<code>package.json</code> של הפרוייקט המכיל את הקוד הבא"</p>

<pre class="brush: js">{
  "env": {
    "firefox": {
      "sourceMaps": "inline",
      "blacklist": [
        "es5.properties.mutators",
        "es6.arrowFunctions",
        "es6.destructuring",
        "es6.forOf",
        "es6.parameters",
        "es6.properties.computed",
        "es6.properties.shorthand",
        "es6.spec.symbols",
        "es6.spread",
        "es6.tailCall",
        "es6.templateLiterals",
        "es6.regex.sticky",
        "es6.regex.unicode"
      ]
    }
  }
}
</pre>

<p>ואז, בשביל לקמפל תסרעט אינדיבידואלי, יש פשוט להריץ:</p>

<pre class="brush: sh">BABEL_ENV=firefox babel &lt;filename&gt;
</pre>

<p>או, כדי לקמפל כל קובץ ג'אווהסקריפט תחת התיקיה <code>src</code> ולמקם את הקבצים המקומפלים ב-<code>compiled</code>, תוך העתקה על קבצים שאינם בג'אווהסקריפט, להריץ</p>

<pre class="brush: sh">BABEL_ENV=firefox babel -Dd compiled src
</pre>