Gulp Aurelia:配置捆绑资产路径的问题
我开始在Aurelia中构建一个前端,该前端集成到Clojure项目中。我查看了一些示例项目,虽然我发现它们对概述很有用,但我注意到很多开箱即用的配置都假设项目是根项目(这是可以理解的) 当我尝试将其集成到我的项目中并相应地更改路径时,捆绑包在错误的位置查找资源-路径与它们在项目中的位置相匹配,但不在服务器的公共目录中 例如,我已将应用程序配置为绑定位于./resources/public/中的文件,这是生成文件所在的位置(我使用多个预处理器),并且这些文件已正确绑定;但是,当我加载页面时,我的JS控制台中出现以下错误: system.src.js:4597 GET 404(未找到) 正确的路径是localhost:8443/dist/aurelia.js-我感觉/resources/public来自一些配置文件,但是如果我更改这些文件,绑定就会中断 项目中的相关路径被截断(为简洁起见): 以下是一些相关的配置,为简洁起见进行了调整:Gulp Aurelia:配置捆绑资产路径的问题,gulp,aurelia,jspm,Gulp,Aurelia,Jspm,我开始在Aurelia中构建一个前端,该前端集成到Clojure项目中。我查看了一些示例项目,虽然我发现它们对概述很有用,但我注意到很多开箱即用的配置都假设项目是根项目(这是可以理解的) 当我尝试将其集成到我的项目中并相应地更改路径时,捆绑包在错误的位置查找资源-路径与它们在项目中的位置相匹配,但不在服务器的公共目录中 例如,我已将应用程序配置为绑定位于./resources/public/中的文件,这是生成文件所在的位置(我使用多个预处理器),并且这些文件已正确绑定;但是,当我加载页面时,我的
/config.js
baseURL: "/",
...
paths: {
"*": "resources/public/*",
"github:*": "jspm_packages/github/*",
"npm:*": "jspm_packages/npm/*"
}
"bundles": {
"dist/app-build": {
"includes": [
"[**/*.js]",
"**/*.html!text",
"**/*.css!text"
],
"options": {
"inject": true,
"minify": true,
"depCache": true,
"rev": false
}
},
"dist/aurelia": {
"includes": [
...
"fetch",
"jquery"
],
"options": {
"inject": true,
"minify": true,
"depCache": false,
"rev": false
}
}
}
var config = {
force: true,
baseURL: './resources/public/',
configPath: './resources/public/config.js',
bundles: bundles.bundles
};
请注意,如果更改“*”的路径(或将其完全删除),则在运行gulpbuild
时会出现以下错误:
npm的依赖项分析出错:jquery@2.2.4/src/intro.js位于
file:///Users/jszpila/Work/MyProject/resources/public/jspm_packages/npm/jquery@2.2.4/src/intro.js多重错误:
编译器分析输入:47:1:意外的标记文件结尾
编译器分析输入:47:1:意外的标记文件结尾
编译器分析输入:47:1:意外的标记文件结尾 /package.json
"jspm": {
"directories": {
"baseURL": "resources/public"
},
"devDependencies": {
"aurelia-animator-css": "npm:aurelia-animator-css@^1.0.0-beta.1.1.2",
"aurelia-bootstrapper": "npm:aurelia-bootstrapper@^1.0.0-beta.1.1.4",
"aurelia-fetch-client": "npm:aurelia-fetch-client@^1.0.0-beta.1.1.1",
...
}
},
/gulp/bundles.js
baseURL: "/",
...
paths: {
"*": "resources/public/*",
"github:*": "jspm_packages/github/*",
"npm:*": "jspm_packages/npm/*"
}
"bundles": {
"dist/app-build": {
"includes": [
"[**/*.js]",
"**/*.html!text",
"**/*.css!text"
],
"options": {
"inject": true,
"minify": true,
"depCache": true,
"rev": false
}
},
"dist/aurelia": {
"includes": [
...
"fetch",
"jquery"
],
"options": {
"inject": true,
"minify": true,
"depCache": false,
"rev": false
}
}
}
var config = {
force: true,
baseURL: './resources/public/',
configPath: './resources/public/config.js',
bundles: bundles.bundles
};
/gulp/tasks/bundle.js
baseURL: "/",
...
paths: {
"*": "resources/public/*",
"github:*": "jspm_packages/github/*",
"npm:*": "jspm_packages/npm/*"
}
"bundles": {
"dist/app-build": {
"includes": [
"[**/*.js]",
"**/*.html!text",
"**/*.css!text"
],
"options": {
"inject": true,
"minify": true,
"depCache": true,
"rev": false
}
},
"dist/aurelia": {
"includes": [
...
"fetch",
"jquery"
],
"options": {
"inject": true,
"minify": true,
"depCache": false,
"rev": false
}
}
}
var config = {
force: true,
baseURL: './resources/public/',
configPath: './resources/public/config.js',
bundles: bundles.bundles
};
所以我认为可以安全地假设这个错误的路径来自这些配置之一;但是,它们适用于工具,而不是捆绑包。我可以分别配置捆绑工具路径和应用程序工具路径,还是忽略了错误配置
提前感谢您的帮助