个人中心
文章发布
退出
作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
26
4
对于最终构建为的 Angular 7 应用程序
- main.js
- assets
-- assets/img
使用引用 Assets 的组件/html
src='./assets/img/img1.jpeg'
应用程序将提供给不同的团队，并且可以托管在不同的根上
example.com/route/first
example2.com/route/second
如果消费者将我的构建内容称为 <script src=''../some-dir/libs/main.js">
Angular 应用程序将查看当前路径以查找 Assets (example.com/route/first/assets)，这将迫使它们复制粘贴我提供给它们根目录的 Assets 文件夹。 我想如果我的组件可以在与我的构建内容 ('../some-dir/libs/asset') 相关的位置而不是他们的目录根目录中查找我的 Assets ，那么对客户来说会简单得多。但是我不太确定我期望的是行业标准还是合适的
我如何通过提取和引用/导入我的构建内容来正确构建/捆绑/引用消费者可以在任何地方使用的 Assets ？(我不需要知道消费者的项目结构，消费者也不需要改变我/他的文件夹结构)
最佳答案
只需在应用中使用相对 url，如下所示:
<img src='./assets/img/img1.jpeg' />
如果您知道根上下文在哪里，请使用 base-href 和 deploy-url 参数构建您的应用，如下所示:
ng build --prod --base-href=/route1/ --deploy-url=/route1/
如果您需要部署到不同的根上下文，请更改参数值并重新构建。
但如果您不知道部署根上下文，B 计划是:
将 app-routing.module.ts 中的 useHash 更改为 true
const routes: Routes = [/* your routes goes here */];
@NgModule({
imports: [
RouterModule.forRoot(routes, {
useHash: true, // change useHash to true
enableTracing: !environment.production
})
],
exports: [RouterModule]
})
export class AppRoutingModule { }
并将index.html中的base href改为./,
<head>
<base href="./">
</head>
不要在ng build中添加base-href和deploy-url参数，这样你就可以将您的应用程序部署到任何网络根目录。但是 url 将以 /{webroot}/#/{client-route}
关于angular - 如何为其他地方加载的 Angular 应用程序捆绑 Assets ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55255390/
26
4
0
我在我的应用程序中使用rails 4 和 ruby 1.9.3 以及fancybox2-rails gem，但是 Assets 管道存在一个普遍问题。如果我运行 rake task 进行预编译，那
我把我所有的 Assets 都放在我的包里例如myBundle/Resources/public/css/ 然后像这样加载它们: {% block stylesheets %} {{ parent()
我正在创建RoR-6应用程序，并从此行的application.html.erb文件中引发以下错误: javascript_include_tag 'application', 'data-turbo
我正在对 Play Subproject 功能进行更多扩展测试，如下所述:http://www.playframework.com/documentation/2.0/SBTSubProjects .
我是 symfony 2 和 Assetic 的新手。我想在 CSS 中使用 assetic 和 Sass。我使用自定义字体。我在资源下的包中创建文件夹“assets/css”，里面有 _base.s
这是我的目录结构(这只是一个测试项目): stan@mypc:/generate_assets$ sudo tree -L 3 -p . ├── [drwxr-xr-x] assets │ └─
我使用 node.js connect/express。 有人知道支持 TypeScript 源代码即时编译和缩小的 Assets 管理器吗？ 知道如何以编程方式调用编译器吗？ 我一直在使用 conn
因此，我们在 Assets 管道摘要方面遇到了一个小问题，因为我们有许多 HTML 模板作为 Assets (对于 AngularJS)，并且我们使用 asset_path 在 Javascript
我想从iPad的照片库中获取图像URL。 当我尝试从Image Piicker的信息中获取 UIImagePickerControllerReferenceURL 时 我将URL设为: assets
我正在使用带有Assetic的Symfony 2.1.10版，并且在上次 Composer 更新之后，当我尝试运行php app/console assetic:dump时出现以下错误 Dumping
我的 Assets 管道有问题，我已经有一个名为 Assets 的资源/ Controller 。所以我已将 assets.prefix 选项更改为“/externals”。 config.asset
更新到 Expo sdk 34 后，出现此错误:TypeError:Asset.fromModule 不是函数。 (在“Asset.fromModule(image)”中，“Asset.fromMod
将 Play 框架项目从 2.2.4 迁移到 2.3.8 后遇到问题: 这是运行命令“activatorcompile”的错误输出: [error] ...\workspace\testproject
我在将 Google Analytics 添加到我的 Rails 4 应用程序时遇到了一些困难(参见 this post)。 我通过在 /public/assets/google-analytics.
我正在使用 Symfony2 和 Assetic。最近我一直在做很多 CSS 工作，所以在某个时候我需要命令 $ php app/console assetic:dump --env=prod --n
我正在 Android 开发中迈出第一步，并遇到了 Assets 一词。 据我了解， Assets 只是一个未被解析或引用为资源的文件。 这个词有更准确的定义吗？我应该在哪些情况下在我的应用程序中使用
我添加了 danial-farid--angular-file-upload通过 Rails Assets 将库添加到我的 Rails 4 应用程序。主库加载正常，但 sprockets 找不到它包含
这是我的代码，尽管编码非常粗糙: public void loadStack(AssetManager manager, String path) { String[] lis
我正在使用 Assets 管理我的 Symfony 2 框架中的 CSS 文件。它在生产模式下运行良好。 我的问题是在 Debug模式下，assetic 不断将我的文件合并为一个输出文件。这使得跟踪特
我想以编程方式从重复的相册中删除 Assets (照片不是)。我可以使用照片框架删除相册 我想知道如何从相册中删除 Assets 而不从照片应用中完全删除它。我想在多个地方使用它，例如将 Assets
我是一名优秀的程序员,十分优秀！