首页 > 代码库 > Oracle JET 使用RequireJS第三方工具或库引入
Oracle JET 使用RequireJS第三方工具或库引入
在 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第三方工具或库引入
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。