1. 程式人生 > >Oracle JET 使用RequireJS第三方工具或庫引入

Oracle JET 使用RequireJS第三方工具或庫引入

run text 步驟 定義 libs knockout file acl 引入

  在 Oracle JET 應用程序中使用 RequireJS 添加第三方工具或庫。

  步驟:

  1.如果使用工具框架腳手架,需要一下操作。

    a.使用 npm 安裝你需要的庫。

      npm install my-library --save

    b.在 script/grunt/config 目錄中,在 oraclejet-build.js 中找到 copyCustomLibsToStaging 更新代碼。

      把註釋去掉。並更改:

copyCustomLibsToStaging: {
    fileList: [
              {cwd:‘node_modules/my-library/‘,
               src: [
‘*‘], dest: ‘web/js/libs/my-library‘ } ] },

    c.在 src/js 目錄中,在 main-release-paths.json 文件中添加新的庫。使用 min 版本。當構建發行時會使用此文件。

{
    "knockout": "libs/knockout/knockout-x.x.x",
    "jquery": "libs/jquery/jquery-x.x.x.min",
    ... contents omitted
    "my-library": "libs/my-library/my-library.min"
}

  2.如果沒有使用工具框架構建,直接在 js/libs 目錄中添加新的庫和附帶文件。

  3.執行完上一步後,使用 RequierJS ,在 main.js 中 requirejs.config 中添加路徑,如需要使用則在 require 中定義。

requirejs.config({
  // 添加新的庫的路徑
  paths: 
  {
    ‘knockout‘: ‘libs/knockout/knockout-3.4.0‘,
    ‘jquery‘: ‘libs/jquery/jquery-3.1.0.min‘,
    ... contents omitted
    ‘text‘: ‘libs/require/text‘,
    
‘my-library‘: ‘libs/my-library/my-library }, // 若不是AMD模塊,則在這裏添加新的庫需要的內容 shim: { ‘jquery‘: { exports: [‘jQuery‘, ‘$‘] } }, require([‘ojs/ojcore‘, ‘knockout‘, ‘jquery‘, ‘my-library‘], function(oj, ko, $) // 回調函數,在所有模塊加載後執行 { // 這裏添加使用代碼 } );

Oracle JET 使用RequireJS第三方工具或庫引入