Как определить тип для "основного" сценария в RequireJS

Question

У меня есть следующий script тег на index.html:

<script src="scripts/lib/require.js" data-main="scripts/main" type="application/javascript"></script> 

Это загрузит скрипты/main.js:

require.config({ 
    baseUrl: 'scripts', 
    shim: { 
     'lib/angular': { exports: 'angular' }, 
     'app': ['lib/angular'] 
    } 
    scriptType: 'application/javascript' 
}); 

require(['app'], function() { 
    // Some code 
}); 

Как вы можете видеть, я определяю scriptType: 'application/javascript.

Это работает для загруженных зависимостей, но не работает для main.js.

Это мой генерируется HTML:

<script src="scripts/lib/require.js" data-main="scripts/main" type="application/javascript"></script> 
<script type="text/javascript" charset="utf-8" async-data-requirecontext="_" data-requiremodule="main" src="scripts/main.js"></script> 
<script type="application/javascript" charset="utf-8" async-data-requirecontext="_" data-requiremodule="lib/angular" src="scripts/lib/angular.js"></script> 
<script type="application/javascript" charset="utf-8" async-data-requirecontext="_" data-requiremodule="app" src="scripts/app.js"></script> 

Как вы можете заметить, scripts/main.js загружается с type="text/javascript".

Как я могу загрузить его с type="application/javascript" в качестве остальных скриптов?

Answer 1

Чтобы сделать это, я делаю то же самое, что и вы, но перемещая config.js в отдельный файл. В этом случае вам нужно указать type для конфигурации самостоятельно (если вам нужно иметь тот же тип для конфигурации). Хитрость заключается в том, что вам нужно выполнить require() после вашей конфигурации готов

https://github.com/jrburke/requirejs/issues/354#issuecomment-6631063 (второй вариант, но я использовал yo requirejs для теста)

индекс

<script src="bower_components/requirejs/require.js"></script> 
    <script src="app/config.js"></script> 
    <script> 
    // same as data-main 
    require(['app/main'], function(){ }); 
    </script> 

конфигурации является

require.config({ 
    // make components more sensible 
    // expose jquery 
    paths: { 
    "components": "../bower_components", 
    "jquery": "./bower_components/jquery/dist/jquery" 
    }, 
    scriptType: 'application/javascript' 
}); 

и главный файл:

define(["jquery"], function($) { 
    $('body').append('jQuery ' + $.fn.jquery + ' loaded!'); 
});