Importer une seule fois ces dépendances pour plusieurs fichiers js
Bonjour,
J'ai deux fichiers. Un fichier A qui est dans un fichier B. Et malgré ça je suis obligé d'importer toutes mes librairies et fichiers externes dans A et dans B. J'aimerais avoir à les importer une seule fois dans un des deux.
Détail:
Je suis actuellement entrain de développer un plugin wordpress. A l'intérieur se troue deux fichiers js principaux ainsi que toutes les dépendances / librairies dans le node module. J'utilise webpack pour les imports. Ainsi le fichiers index.js est le coeur du projets et le premier fichier à s'ouvrir pour l'app. Il importe fonctions.js qui est un autre fichiers contenant toutes les fonctions et variables de l'applications créer par moi meme. Les deux utilisent des variables, dépendances, fichiers en commun. Et je suis obliger à chaque fois de les importer dans chacun d'eux. (Ex: fichiers json, librairie jquery... etc)
J'ai aussi un deuxieme soucis mais je pense qui sera résolu en résoudant le premier. Quand je modifie la valeur d'une variable de functions.js dans index.js cela génère une erreur, la voici: Uncaught TypeError: setting getter-only property "departments".
Merci pour votre aide :D
Code:
Index.js imports:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| import $ from 'jquery';
import * as ui from 'jquery-ui';
import * as leaflet from 'leaflet';
import * as leafletAjax from 'leaflet-ajax';
import * as d3Array from 'd3-array';
import * as d3Geo from 'd3-geo';
import { franceRegion } from './../geojson/france_regions.js';
import { franceDepartments } from './../geojson/france_departements.js';
import { departmentsRegions } from './../json/departements-regions.js';
import { cps } from './../json/cps.js';
import { regions } from './../json/regions.js';
import * as f from './fonctions.js'; |
Exemple fonctions.js (petite partie)
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| export var stageMap = 0; // 0: regions, 1: departments, 2: towns, 3: boroughs, 4: districts after boroughs, 5: districts after city
export var memory = {departments: null, selectedDepartments: null, towns: null, town: null, boroughs: null, districtsOfCity: null, districtsOfBorough: null};
export var townPrograms;
export var allCommunesJson = null;
// // FUNCTIONS \\ \\
// \\ --------- // \\
// ONALL \\
// ------- \\
export function onAllBoroughs(feature, layer){
layer.on({
click: clickOnBorough
});
} |
