Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.10.2018, 09:22
Аспирант
Отправить личное сообщение для evgeniy123 Посмотреть профиль Найти все сообщения от evgeniy123
 
Регистрация: 19.02.2011
Сообщений: 37

как правильно пользоваться RequireJS ?
Хочу сделать так что бы в конфиге определить название модуля - путь и потом подключать потом по имени только.

basket.html:
<script data-main="assets/js/page_js/basket.js" src="assets/js/require.js"></script>


basket.js:
require(["order_entity",  "databaseModule"], function(order_entity, databaseModule) {
   // databaseModule(10, 20);
});



Или мне делать так в каждом файле ? но это же не удобно 

 require.config({
 baseUrl: "modules",
 paths: {
 "constants": "../modules/constants",
 "firebase": "../modules/firebase/firebase-app",
 "firebase-auth": "../modules/firebase/firebase-auth",
 "firebase-database": "../modules/firebase/firebase-database",
 "databaseModule": "../modules/databaseModule",
 "user_entity": "../modules/entities/user",
 "order_entity": "../modules/entities/order"

 },
 callback: function (constants) {
 console.log(constants.url);
 console.log("eeee");
 }
 });
Ответить с цитированием
  #2 (permalink)  
Старый 10.10.2018, 10:15
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

1 раз конфиг задается, в данном случае в точке входа (assets/js/page_js/basket.js)
Ответить с цитированием
  #3 (permalink)  
Старый 10.10.2018, 10:35
Аспирант
Отправить личное сообщение для evgeniy123 Посмотреть профиль Найти все сообщения от evgeniy123
 
Регистрация: 19.02.2011
Сообщений: 37

Я перенёс в config_modules. A потом как подсоединить его в других файлах? У меня не получается. Он не берет нормальный путь что я указал в PATH
Ответить с цитированием
  #4 (permalink)  
Старый 10.10.2018, 11:51
Аспирант
Отправить личное сообщение для evgeniy123 Посмотреть профиль Найти все сообщения от evgeniy123
 
Регистрация: 19.02.2011
Сообщений: 37

Сообщение от destus Посмотреть сообщение
1 раз конфиг задается, в данном случае в точке входа (assets/js/page_js/basket.js)
require.config({
    baseUrl: "assets/js/modules",
    paths: {
        constants: "constants",
        firebase: "firebase/firebase-app",
        firebase_auth: "firebase/firebase-auth",
        firebase_database: "firebase/firebase-database",
        databaseModule: "databaseModule",
        user_entity: "entities/user",
        order_entity: "entities/order"

    },
    callback: function (constants) {

        //console.log(constants.url);
        //console.log("eeee");
    }
});


require(["constants", "firebase"], function (constants, firebase) {

    var conf = constants.config_db;
    database = firebase.initializeApp(conf);


    console.log(constants.url);
    // databaseModule(10, 20);
});


Сделал пока так но как то хочется конфиг вынести в какой то общий файл ...
Ответить с цитированием
  #5 (permalink)  
Старый 10.10.2018, 12:07
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

evgeniy123,
в доках написано, что можно так
<script>
var require = {
    baseUrl: "assets/js/modules",
    paths: {
        constants: "constants",
        firebase: "firebase/firebase-app",
        firebase_auth: "firebase/firebase-auth",
        firebase_database: "firebase/firebase-database",
        databaseModule: "databaseModule",
        user_entity: "entities/user",
        order_entity: "entities/order"

    },
    callback: function(constants) {

        //console.log(constants.url);
        //console.log("eeee");
    }
};
</script>
<script data-main="assets/js/page_js/basket.js" src="assets/js/require.js"></script>

https://github.com/requirejs/require...he-main-module
Проверьте...
Ответить с цитированием
  #6 (permalink)  
Старый 10.10.2018, 12:31
Аспирант
Отправить личное сообщение для evgeniy123 Посмотреть профиль Найти все сообщения от evgeniy123
 
Регистрация: 19.02.2011
Сообщений: 37

Сообщение от destus Посмотреть сообщение
evgeniy123,
в доках написано, что можно так
<script>
var require = {
    baseUrl: "assets/js/modules",
    paths: {
        constants: "constants",
        firebase: "firebase/firebase-app",
        firebase_auth: "firebase/firebase-auth",
        firebase_database: "firebase/firebase-database",
        databaseModule: "databaseModule",
        user_entity: "entities/user",
        order_entity: "entities/order"

    },
    callback: function(constants) {

        //console.log(constants.url);
        //console.log("eeee");
    }
};
</script>
<script data-main="assets/js/page_js/basket.js" src="assets/js/require.js"></script>

https://github.com/requirejs/require...he-main-module
Проверьте...

Сделал Осталось только понять как сделать агрузку оптимальной .Сейчас приходится

...
<head>
    <meta charset="UTF-8">
    <script data-main="assets/js/modules/config_modules.js" src="assets/js/require.js"></script>

...


Смотрел но так не нашел эффективного и быстро решить такую проблему ..
Ответить с цитированием
  #7 (permalink)  
Старый 10.10.2018, 12:53
Аватар для destus
Профессор
Отправить личное сообщение для destus Посмотреть профиль Найти все сообщения от destus
 
Регистрация: 18.05.2011
Сообщений: 1,207

Что за оптимальная загрузка?
Так работает?
<script src="assets/js/modules/config_modules.js"></script>
<script data-main="assets/js/page_js/basket.js" src="assets/js/require.js"></script>

и в config_modules.js
var require = {
    baseUrl: "assets/js/modules",
    paths: {
        constants: "constants",
        firebase: "firebase/firebase-app",
        firebase_auth: "firebase/firebase-auth",
        firebase_database: "firebase/firebase-database",
        databaseModule: "databaseModule",
        user_entity: "entities/user",
        order_entity: "entities/order"

    },
    callback: function(constants) {

        //console.log(constants.url);
        //console.log("eeee");
    }
};

Последний раз редактировалось destus, 10.10.2018 в 13:02.
Ответить с цитированием
  #8 (permalink)  
Старый 10.10.2018, 14:41
Аспирант
Отправить личное сообщение для evgeniy123 Посмотреть профиль Найти все сообщения от evgeniy123
 
Регистрация: 19.02.2011
Сообщений: 37

да. Но нужно в header обязательно ставить:
<script src="assets/js/modules/config_modules.js"></script>


Не могу поставить перед </body> оба script
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как вы относитесь к наркоманам? Maxmaxmaximus7 Оффтопик 7 05.02.2014 13:29
Управление скроллом "а-ля тач" HonesT Элементы интерфейса 2 27.08.2013 14:25
Пасоны, как правильно парсить параметры? megaupload Оффтопик 15 05.05.2013 14:44
Как правильно прицепить обработку события slowklg Events/DOM/Window 6 15.03.2012 16:20
Как правильно очистить maxlength в input? Маэстро Events/DOM/Window 10 22.06.2011 18:14