我用ui5-cli工具创建了项目。我将外部js库添加到我的项目中。ui5 serve
命令启动 ui5 5-server,它将ui5库文件夹映射为/resource.
,我需要将resource/libs
文件夹映射到项目中的另一个位置。
如何为映射/路由配置ui5 5-服务器代理设置?
我的package.json文件:
{
"name": "openui5-sample-app",
"version": "0.2.0",
"description": " ",
"private": true,
"scripts": {
"start": "ui5 serve",
"lint": "eslint webapp",
"karma": "karma start",
"karma-ci": "rimraf coverage && karma start karma-ci.conf.js",
"watch": "npm run karma",
"test": "npm run lint && npm run karma-ci",
"build": "ui5 build -a --clean-dest",
"build-self-contained": "ui5 build self-contained -a --clean-dest",
"serve-dist": "ws --compress -d dist"
},
"dependencies": {
"@openui5/sap.m": "^1.70.0",
"@openui5/sap.ui.core": "^1.70.0",
"@openui5/themelib_sap_fiori_3": "^1.70.0",
"js-cookie": "^2.2.1"
},
"devDependencies": {
"@ui5/cli": "^1.9.0",
"eslint": "^5.16.0",
"karma": "^4.3.0",
"karma-chrome-launcher": "^3.1.0",
"karma-coverage": "^2.0.1",
"karma-ui5": "^1.1.0",
"local-web-server": "^3.0.7",
"rimraf": "^3.0.0"
}
}
我的component.js文件:
jQuery.sap.registerModulePath('libs.js-cookie', '../resources/libs/js.cookie-2.2.1.min');
sap.ui.define([
...,
"libs/js-cookie"
], function(UIComponent, Device, models) {
...
});
我的yaml档案:
specVersion: '1.0'
metadata:
name: openui5-sample-app
type: application
resources:
configuration:
propertiesFileSourceEncoding: "UTF-8"
发布于 2019-11-08 08:07:09
您必须将cli更新为最新版本,或者编写为"@ui5/cli": "^1.11.1"
。我个人可以建议您ncu检查规则更新。
此配置在您的CDN引导中需要一个index.html。
ui5 5-工具有它自己的依赖部分,在那里添加您的包
{
"name": "xyz",
"version": "1.0.0",
"description": "xyz",
"dependencies": {
"@sap/approuter": "6.5.1"
},
"devDependencies": {
"@ui5/cli": "^1.11.1",
"ui5-middleware-simpleproxy": "^0.1.3",
"ui5-tooling-livereload": "^0.1.4",
"js-cookie": "^2.2.1"
},
"sapui5-runtime": {
"version": "1.66.1"
},
"scripts": {
},
"ui5": {
"dependencies": [
"ui5-tooling-livereload",
"ui5-middleware-simpleproxy",
"js-cookie"
]
}
}
看到整个yaml的伟大画面。但你只需要“--#一切”之后的东西
specVersion: '1.0'
metadata:
name: my.ui5.id
type: application
server:
customMiddleware:
- name: ui5-tooling-livereload
afterMiddleware: compression
configuration:
debug: true
ext: "xml,json,properties"
port: 35729
path:
- "webapp"
- name: ui5-middleware-simpleproxy
mountPath: /my/local/backend/service/odata/v2
afterMiddleware: compression
configuration:
baseUri: "http://localhost:8081/my/local/backend/service/odata/v2"
--- # Everything below this line could also be put into the ui5.yaml of a standalone extension module
specVersion: "1.0"
kind: extension
type: project-shim
metadata:
name: my.application.thirdparty
shims:
configurations:
js-cookie: # name as defined in package.json
specVersion: "1.0"
type: module # Use module type
metadata:
name: js-cookie
resources:
configuration:
paths:
/resource/libs: "/src/" #here is mapped: node_modules/js-cookie/src
https://stackoverflow.com/questions/58696527
复制相似问题