在Angular包中包含CSS文件
Angular是一种流行的前端框架，它可以帮助开发者构建复杂的单页面应用（SPA）。在Angular的包中，通常会包含一些必要的CSS文件。
CSS（层叠样式表）是一种用于描述网页元素外观和布局的语言。它可以通过选择器和样式规则来为HTML元素添加样式。通过将CSS文件包含在Angular的包中，我们可以轻松地应用样式到Angular应用程序中的各个组件和元素上。
在Angular中，可以使用多种方式来添加CSS文件：
- 内联样式：可以直接在组件的HTML模板中使用内联样式，将样式规则定义在组件的元素标签上。
- 组件级样式：可以在组件的装饰器（@Component）中使用styles属性或styleUrls属性来指定组件级样式文件。styles属性可以直接包含CSS样式规则，而styleUrls属性可以指定一个或多个外部CSS文件的路径。
- 全局样式：可以在Angular的全局样式文件（styles.css）中添加全局样式规则。这些样式规则将应用于整个应用程序。
使用CSS文件的优势包括：
- 可维护性：通过将样式与HTML分离，可以更方便地对样式进行修改和管理。
- 可重用性：可以在多个组件中共享相同的样式规则，提高代码复用性。
- 可扩展性：可以根据需求添加新的样式文件，实现更多的样式效果。
在腾讯云的产品中，没有专门提供与Angular包中CSS文件相关的产品。然而，腾讯云提供了一些适用于前端开发的产品和服务，如云服务器、云存储、CDN加速等。这些产品可以与Angular一起使用，来构建和部署具有高性能和可扩展性的Web应用程序。
总结：在Angular包中，可以包含CSS文件来定义组件和应用程序的样式。通过使用CSS，可以提高开发效率和可维护性。腾讯云提供了一些适用于前端开发的产品和服务，可以与Angular一起使用来构建高性能的Web应用程序。
相关·内容
我想通过更改项目的基本html和css来自定义ngx-material-timepicker节点模块。但是在node_modules-> ngx-material-timepicker文件夹中没有html、css文件，只有ts文件。 所以我将它分支到我的github代码库，然后在自定义它之后，我尝试使用npm install mygitrepo.git --save将它安装到我的angular项目中，但在此之后，我无法将该模块包含到我的angular项目中。
浏览 19提问于2019-06-03得票数 0
回答已采纳
在我的bootstrap 4 (scss) angular应用程序中实现暗模式和亮模式的最佳方式是什么？Angular cli编译了scss文件，因此我不喜欢为每个主题包含单独的css文件的旧方法。怎么做？设置body类并在整个scss文件中使用.dark / .light？使用混音器？使用bootstrap颜色主题？
欢迎任何想法！
浏览 3提问于2018-10-31得票数 7
在style.css文件中导入normalized.css后，如何检查规范化的css是否在style.css中工作。在我点击导入后，即在按住Cntrl键的同时单击，它显示无法找到文件。
我在我的style.css文件中包含normalize.css的方法是: 1)导入2) @ npm install --save normalize.css‘~Normize.css’；3)在我的angular.json文件中的styles下添加"../node_modules/normalize.css/normalize.css"。
浏览 2提问于2019-12-19得票数 1
我在本地主机环境中使用Angular Material 2。当我在浏览器中查看应用程序时，我注意到没有链接的.css文件(期望至少有一个-例如angular.material.css)
相反，所有的样式都以块的形式位于头部。从字面上看，它们有几十个。
如果这是AM2的工作方式，我可以使用一些head级别的内联样式块，但我更希望有一个包含应用程序的大部分样式的缩小的.css文件。
除了明显的缓存优势之外，拥有一个链接的.css还允许在sources选项卡中打开和编辑整个.css文件(用于调试/测试CSS更改)
有没有人能告诉我有没有一个全局的配置设置会导致这种情况发生？
浏览 0提问于2017-08-05得票数 1
我是约曼和鲍尔的新手，所以我有点困惑。我正在使用约曼来构建一个客户端网络应用程序。我想将一个名为test.css的定制css文件加载到我的index.html中。
我已经看到bower_components库在index.html文件的主部分中指定了哪些文件应该加载到bower.json上，所以我尝试在自己的应用程序中做同样的工作，但是没有工作。运行index.html后，我没有看到任何更改
盖特保龄球-安装盖特服务
这是我的bower.json文件：
{
"name": "myApp",
"version": "0.0.1
浏览 2提问于2014-03-06得票数 0
回答已采纳
1回答
我正在尝试在我的Angular 4代码中使用PrimeNg组件。模块被正确导入，但是样式没有被应用。
浏览器控制台正在显示404 error。
我使用了angular-cli来获取项目样板。
我在index.html中使用链接标签包含了样式，如下所示：
<link rel="stylesheet" href="/node_modules/font-awesome/css/font-awesome.min.css" />
<link href="/node_modules/primeng/resources/themes/omega/th
浏览 2提问于2017-09-23得票数 1
我想知道AngularDart组件样式的最佳方式是什么？我希望能够将基本样式分割成一个单独的CSS文件，然后在我的组件中以某种方式包含它(如果角镖支持的话，可能是@import )。
标准NgComponent只允许我添加一次CSS文件，如下例所示：
@NgComponent(
selector: 'rating',
templateUrl: 'packages/angular_dart_demo/rating/rating_component.html',
cssUrl: 'packages/angular_dart_demo/rating
浏览 2提问于2013-12-01得票数 3
回答已采纳
3回答
从@开始的依赖关系有什么不同吗？
这意味着还是暗示了什么？我没看到任何这方面的信息。看看我的node_modules文件夹：
Fortawesome以@开头，不包含典型的fortawesome.css文件。所以是一样的吗？或者@是否表明了什么？
这是我的package.json
{
"name": "ng-frontend",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"ng":
浏览 1提问于2018-03-07得票数 106
回答已采纳
1回答
我正在使用通过吞咽获取文件到某个文件夹。但是某些css文件丢失了，即使它们在bower_components文件夹中。
例如，CSS文件viewer.css来自"pdf.js-viewer“，即使来自同一个文件夹的.js文件也没有被复制。
知道有什么不对吗？任何小费都要感谢！
// gulpfile.js: (skipped some unimportant libs etc.
var gutil = require('gulp-util');
var bowerFiles = require('main-bower-files');
var pa
浏览 1提问于2017-10-27得票数 0
回答已采纳
1回答
我正在努力弄清楚如何在我的.scss项目中使用AngularDart文件。
到目前为止，我的应用程序结构如下：
-lib
-src
-signin_component
-signin_component.dart
-singin_component.html
-signin_component.scss
-signin_component.scss.css
-route_paths.dart
-routes.dart
-app_comp
浏览 1提问于2019-03-23得票数 1
回答已采纳
我正在尝试在运行Angular >5.0.0的angular-cli项目(1.6.0)中包含font AWOW5。
我使用(如上所述)：
yarn config set @fortawesome:registry https://npm.fontawesome.com/xxxxx-xxxx-xxx-xxx-xxxxxxx
yarn add @fortawesome/fontawesome
yarn add @fortawesome/fontawesome-pro-light
它成功地获取了包。现在我想把这个包包含到我的angular-cli中。在我的app.component.ts中，我
浏览 2提问于2018-01-10得票数 13
回答已采纳
如果我有一个指令，并希望将它打包到它自己的节点包中，然后从另一个包含主要angularjs应用程序的节点包中包含它，我将如何做到这一点？
我对如何做这件事的大致想法是：
将该指令的html、javascript和css放在包文件夹中。
启用这些资产的编译-预处理、缩小(如何？)
配置为保龄球包
在app文件夹中安装bower包
如何在不发布的情况下在本地完成此操作？
在创建主应用程序的angular.module()语句中，添加包含指令的模块的名称
这是正确的吗？我错过了什么吗？
浏览 1提问于2014-08-22得票数 0
回答已采纳
1回答
我有一个Angular 2应用程序，我正在使用Webpack构建它。我有一个customJS文件，其中包含了我想在JS中完成的一些事情，这些事情比在Angular中更容易完成。但是，当我尝试在我的项目中包含此内容时，当我试图加载页面时，它出现了404 GET错误。
+-- projectName
| +-- customJS.js
| +-- app
| | +-- Angular 2 ts files
| +-- dist
| | +-- webpackBundle.js
我的HTML看起来像这样：
<!DOCTYPE html>
<html
浏览 12提问于2017-08-08得票数 0
现在Angular2已经发布了测试版(2.0.0-RC.0和RC.0昨天/2016年5月3日面世)，所有的Angular 2都被打包，以便在新的@angular命名空间下与NPM一起使用。正如您在中看到的那样，许多包已经被移动，现在必须单独安装。
但是CHANGELOG没有解决的一件事是如何找到以前可用的angular2-polyfills包。
我的测试版代码在它的一个TypeScript文件中调用了这个：
import 'angular2/bundles/angular2-polyfills';
我现在需要做什么才能在新的包布局中获得相同的功能？
下面是用于导入多边形填充的v
浏览 1提问于2016-05-05得票数 24
回答已采纳
我在一个Angular 8项目中使用了Bulma.io，并使用以下命令安装了Bulma：npm install bulma。之后，我在我的angular.json文件中包含了这些样式：
"styles": [
"src/styles.css",
"node_modules/bulma/css/bulma.css"
],
"stylePreprocessorOptions": {
"includePaths":
"node_modules",
浏览 21提问于2019-08-13得票数 3
在我的Angular 4项目中，我已经包含了Bootstrap，Fontawesome和一些我自己的CSS，但是所有的东西都是以标签的形式呈现在我的index.html顶部的。我希望所有这些都最小化，并作为一个捆绑CSS包含在文件中，请参阅附件中的图像以获得更多说明
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"project": {
"name": "test"
},
"apps"
浏览 1提问于2018-02-05得票数 0
1回答
在使用Angular 4和自定义的Webpack的旧的、复杂的代码库中，有一些组件导入了css文件，其方式与导入模块以产生副作用的方式相同。一个示例(这是完整的文件，具有不同的变量名)： import { Component, OnInit } from '@angular/core';
import '../../assets/css/styles.css';
@Component({
selector: 'sidebar-app',
templateUrl: './sidebar.component.html
浏览 16提问于2019-09-26得票数 1
回答已采纳
所以我有一个Yeoman angular fullstack MEAN项目，在这个项目中，我将material design icons添加到了我的bower_components中。但是，这并不像所有其他index.html文件一样自动添加到我的.css页面中。
有什么方法可以做到这一点吗?因为现在每当我开始我的项目时，我都必须手动添加对.css文件的引用。
我的index.html看起来像这样
<head>
...
<!-- build:css(client) app/vendor.css -->
<!-- bower:css --&
浏览 3提问于2015-08-13得票数 2
回答已采纳
我正在建立一个相当简单的角度网络应用程序。我需要结合一些css和js文件在我的应用程序作为一个特定的主题。正如您所期望的，大多数js文件都是jquery插件。
所以我安装了以下软件--
npm i jquery --only=dev
npm i @types/jquery --save
在imports段中包含以下行：
import * as $ from 'jquery';
这是我的package.json中的依赖项部分
"dependencies": {
"@angular/animations": "~8.2.3"
浏览 3提问于2019-11-27得票数 0
我在project-root/app dir中有一个文件夹，其中包含WebView控件将引用的HTML/JS文件。问题是Webpack处理此文件夹并报告许多错误。如何忽视它？谢谢。
下面是一个错误(Webpack应该忽略bg文件夹)：
ERROR in ./bg/assets/css/styles.css
Module not found: Error: Can't resolve '@angular/material/prebuilt-themes/deeppurple-amber.css' in '~\app\bg\assets\css'
@ ./
浏览 0提问于2020-03-01得票数 0
回答已采纳
我正在将现有的AngularJS应用程序转换为混合应用程序，开始逐步将其升级为角4，我想了解在现有的AngularJS中需要如何引用角4。在现有的AngularJS应用程序中，显然是如何加载AngularJS框架的--它只是一个包含的脚本文件：
<script src="/angular/angular.js"></script>
为了熟悉最新的角版本，我使用的角快速启动指南创建了一个单独的“快速启动”角5应用程序，我可以使用以下方法运行它：
ng serve --open
但是，当我查看项目文件时，我并没有看到角度框架实际上是在哪里加载的。该应用程序的
浏览 5提问于2017-12-04得票数 6
回答已采纳
你好，我是angular的新手，我想在我的angular 10项目中使用angular-gantt ，有人能一步一步地给我解释一下吗？事件我尝试在angular.json文件中添加js和css。
"styles": [
"node_modules/angular2-multiselect-dropdown/themes/default.theme.css",
"node_modules/@coreui/icons/css/coreui-icons.css",
"node_modu
浏览 6提问于2021-03-26得票数 0
我开始编写一个Spring/boot Angular 4应用程序，我有一个小问题。在Angular 4应用程序中，我们创建了一个名为LocalEvent (或其他东西)的文件夹，其中包含模块、控制器、服务、html模板和css文件。我如何为Spring创建一个结构？
我见过一些Spring文件夹的例子，其中所有内容都被划分到/services /controllers中。我知道Java使用包，所以有10个文件夹就意味着有10个包，很快就会让人迷惑。但我希望听到一些更有经验的开发人员如何设置他们的Spring结构。
浏览 0提问于2017-09-15得票数 0
我想知道如何在Meteor 1.3+中创建/使用使用相同npm依赖项的多个包。
我已经迁移到Meteor 1.3+，并试图使用angular & angular-meteor包的npm版本，但我很难完全理解npm是如何在包中使用的&似乎无法根据需要使它工作。
我有一个现有的Meteor应用程序，在该应用程序中，我将功能拆分为Meteor包，以促进模块化和可重用性--而不是直接在Meteor根中。
我尝试过几种不同的方法来构造这个结构，但都没有用。
我想要的结构
这是我最喜欢的方法，因为我不需要担心我的Meteor软件包所依赖的npm包。
如果我将我的应用程序结构如下：
Mete
浏览 2提问于2016-04-28得票数 3
考虑到以下选项，向角项目导入CSS库(例如引导程序)有什么区别吗？
Angular.json (npm)
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.scss"
]
Angular.json (CSS文件本地)
"styles": [
"assets/lib/bootstrap/dist/css/bootstrap.min.css",
"styles.scss"
]
styles.s
浏览 0提问于2020-11-19得票数 1
我试图使用引导，并有一个styles.scss文件来编译其所有的css。我已经将这些路径添加到angular.json中，但仍然得到以下错误：
未找到多个./src/scss/ ./node_modules/bootstrap/dist/css/bootstrap.min.css模块中的错误:错误:无法解析‘/User/Project/src/scss/traces.scss’中的‘/User/Project’
我读过许多帖子，例如：
他们都指出，在angular.json文件中，路径基本上是绝对的。然而，我已经做了这些改变，相信我输入的路径是正确的，但仍然得到这个
浏览 2提问于2019-09-01得票数 2
1回答
当使用Angular universal构建一个角度项目时，将在dist文件夹中生成3个文件夹。
服务器
静态
浏览器
server文件夹用于服务器上的预呈现.但是，static和browser文件夹用于在静态宿主上部署网站。
static和browser文件夹有什么区别？哪一个更适合部署？
编辑1: i认识到，static和browser文件夹在部署时都有相同的内容，但结构不同。
静态版本:一个index.html和一些文件(js，css，.)此外，在根文件夹中，每个组件都有自己的文件夹，其中包含与组件对应的index.html。
浏览器版本:一个index.ht
浏览 0提问于2019-06-11得票数 0
回答已采纳
我在我的电脑上克隆angular-bunch-seed
我想把breezejs添加到我的项目中
我将breeze库复制到了我的供应商文件夹/ vendor /breeze/中
然后我更改了config.coffee文件，如下所示：
exports.config =
# See docs at http://brunch.readthedocs.org/en/latest/config.html.
conventions:
ignored: /(^vendor\/.*\.less$)|(^|\/)node_modules\/|(^|\/)_/
assets: /^app\
浏览 2提问于2013-04-12得票数 1
回答已采纳
我和webpack一起构建了3个独立的npm模块。它们都依赖于angular，因为我有一行代码：
var angular = require('angular');
在每个npm模块的角度模块定义中。
其中一个模块依赖于另两个模块：
var angular = require('angular');
var ngModule = angular.module('topModule', [
require('dependency1'),
require('dependency2')
]);
我相信我得
浏览 17提问于2016-07-24得票数 3
1回答
我通过在angular.json中添加jquery.datetimepicker.min.css和jquery.datetimepicker.full.min.js来安装jquery-datatimepicker，并将它们放在node_modules/datetimepick文件夹中 angular.json： ..
"styles": [
"src/styles.scss",
"node_modules/datatables.net-dt/css/jquery.dataTable
浏览 35提问于2021-11-18得票数 0
2回答
我想在我的Range4项目中使用组件。但是，在将.dropify类应用到input之后，我得到的只是默认的文件输入，其中有“选择文件”按钮和文件名标签。如何显示Dropify拖放文件输入？
根据Dropify的要求，我在它们各自的位置中包含了JQuery和Dropify的脚本、样式表和字体：
jquery.min.js包含在.angular-cli.json的apps.scripts数组中
dropify.min.js包含在.angular-cli.json的apps.scripts数组中
dropify.css包含在.angular-cli.json的apps.styles数组中
浏览 6提问于2017-11-12得票数 2
我是ASP.Net核心+ NPM的新手。我一直在跟踪不同的在线例子，虽然他们的屏幕截图显示了它的工作，但大多数实际上不工作(完整)...and 也不是“完全”工作的广告。
由于某些原因，Bower包不是自动迁移到wwwroot\lib文件夹中的。通常情况下，我会期望他们默认这样做.但这可能要求很高。
Q:如何使Bower软件包自动安装到'Lib'目录？
此外，为了以防万一，我检查并创建了一个空版本的Web &它也不迁移Bower包。所以我想我们的期望是用手来做。
以下是我所采取的步骤：
使用: Visual 2017 (社区版)
步骤1:
创建了以
浏览 1提问于2017-05-24得票数 0
1回答
我正在尝试从这里运行一个示例应用程序聊天应用程序。我已经安装了所有的节点模块和bower组件。我让所有3个项目都在命令提示中运行，没有错误。但我不明白为什么没有找到保龄球组件？我已经做了一些探索，但我找到的一些解决方案没有奏效。除了404错误之外，没有其他错误消息。相关代码(我相信)。共有3个项目，所有这些项目都包含引用我在聊天主程序中使用的windows 10 app.js的路径的文件。
var express = require('express'),
path = require('path'),
cookieParser = require('
浏览 2提问于2016-01-23得票数 2
回答已采纳
1回答
是否有可能将Bootstrap的css文件隔离到一个Angular组件？
在styles.css或.angular-cli.json中全局包含文件时，全局样式会导致不应使用引导的其他组件出现问题。我试着从组件的CSS文件中导入它，但样式似乎不能正确呈现……
我使用的是Angular 5和Angular Cli 1.7.2。
浏览 0提问于2018-03-10得票数 3
问题：在恢复之后，在ASP NET Core project > Dependencies\npm\中包含了许多奇怪的包(恢复)。与我的package.json配置文件不对应的包。怎么阻止它？
在我将使用devDependencies作为UI项目的Empty ASP.NET Core Web项目中，我添加了带有依赖项和节点的package.json文件。
{
"name": "myProject",
"version": "1.0.0",
"scripts": {
"start&#
浏览 1提问于2016-05-20得票数 1
回答已采纳
我有一个基于角度的应用程序，其中包含4个文件夹：- CSS (包含CSS文件)- JS (包含控制器文件夹和app.js) -视图(包含html文件)
我不能在节点服务器中运行app.js，我不断得到的错误是
angular.module('testApp', [])
^
ReferenceError: angular is not defined
当我只点击html文件时，它只显示文本，不会应用css。如何运行这种类型的angular应用程序/
浏览 0提问于2017-05-23得票数 0
我想使用Gulp和Browserify与我的新的角度应用程序。
问题：如何将角依赖项包含在app.js中，以避免引发依赖关系错误？
我甚至无法在没有依赖项的情况下加载它，但只在配置中使用$stateProvider，如下所示：
require('angular'); // It works with a basic declaration, but still gives an error in the browser console - *wierd*
var app = angular
.module('myApp', [
// 'ui-
浏览 2提问于2016-03-11得票数 0
节点错误167:39-52“在'tslib‘中找不到导出’./node_modules/css-animator/builder/animation_builder.js‘错误在./node_modules/css-animator/builder/animation_builder.js 383中:47-60”在'tslib’中找不到导出'__spreadArray‘错误在./node_modules/css-animator/builder/animation_builder.js 388中:50-63“在'tslib’中找不到导出'__sprea
浏览 24提问于2021-09-08得票数 0
我有一个带有自定义主题的angular应用程序，大多数组件都不需要引导，所以在我的angular.json中我只包含了bootstrap.grid.css。
随着应用程序的开发，我需要bootstrap，但将其包含在angular.json中会影响其他组件中的样式。
是否有选项仅在此特定组件中使用bootstrap。
我在css文件中尝试了这个@import "bootstrap/dist/css/bootstrap.css";，但是没有帮助。
TIA :)
浏览 0提问于2020-07-22得票数 1
我有一个问题，更新角/cli-甚至降级也失败。
我有一个工作良好的angular2应用程序，我更新到角4.4.1今天。当我为--prod和--aot在angular4下构建应用程序时，一切都很好。
angular-cli: 1.0.0-beta.28.3
node: 6.9.5
os: win32 x64
@angular/animations: 4.4.1
@angular/common: 4.4.1
@angular/compiler: 4.4.1
@angular/compiler-cli: 4.4.1
@angular/core: 4.4.1
@angular/forms: 4.4.1
浏览 1提问于2017-09-17得票数 0
2回答
我刚开始学角镜。我想安装npm库mdbootstrap。我遵循这里的说明：
具体来说，我是这样做的：
我通过npm install bootstrap安装了mdbootstrap。
我将dist目录中的所有文件添加到我的angular-cli.json中。
angular-cli.json添加：
"styles": [
"../node_modules/mdbootstrap/css/bootstrap.min.css",
"../node_modules/mdbootstrap/css/mdb.min.css",
&
浏览 3提问于2017-02-03得票数 2
回答已采纳
1回答
我有一个Angular项目，它使用了一堆Javascript库，从jQuery开始，通过Modal Forms，Tooltips和更多，主要来自第三方提供商。问题是，即使我的Angular网站使用了这些库，该网站也没有完全利用完整的库，但在构建Dist文件的时候，styles.xx.css和main.js是相当大的文件，其中包含了所有这些库和样式。
所以，我在想，一定有办法在最终的发行版中只包含网站使用的“实际”代码，而不是包含使用过的和未使用过的代码的完整库。在这些库中有许多网站实际上并不使用的功能，但这些都是同时存在的大文件，很难直接进入其中并手动删除代码。
如果有某种类型的Code Co
浏览 3提问于2021-11-30得票数 0
1回答
npm包未按预期安装
、、、
我是NPM和angular2的新手，我正在尝试创建自己的NPM包并在本地安装。我设法创建了包含以下内容的包(test- package -0.0.1.tgz)：
├── .npmignore
├── README.md
├── LICENSE
├── index.html
├── package.json
├── main.js
├── styles.css
├── tsconfig.json
├── typings.json
├── app
│ └
浏览 0提问于2016-10-11得票数 0
2回答
//ERRRORS SHOWN ON THE CONSOLE
main.lib.angular.js:1 Uncaught TypeError: Cannot read property 'noop' of undefined
main.lib.js:1 Uncaught TypeError: Cannot read property 'module' of undefined
main.user.js:1 Uncaught ReferenceError: angular is not defined
(index):52 Uncaught Referen
浏览 0提问于2016-04-29得票数 1
1回答
我有一个css库，直接导入到我的主css文件中，如下所示：
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css);
我希望将其存储在本地项目中，并从其文件夹中导入
我尝试下载文件并将其存储在我的assets/css/目录中，然后在angular.json中添加路径，如下所示：
"styles": [
"src/styles.css",
"src/assets/css/all.min.css"
],
但是在ng build
浏览 0提问于2019-05-10得票数 1
1回答
建立一个老的角度计划
、、、
我不能建一个旧的棱角形的项目。我已经删除了代码，从npm安装@angular/cli@1.7.4开始，ng构建抛出了以下错误：
无法确定@角/编译器-cli和类型标的版本。最常见的原因是npm安装失败。
请确保您的package.json同时包含了devDependencies中的@ run /编译程序-cli和类型记录，然后删除node_modules和package-lock.json (如果有)并再次运行npm。
我不确定1.7.4是否是当前的cli版本，因为package.json不包含角/cli。如何在不触及代码的情况下恢复该项目构建的所有内容？
更新：
我已经在devDep
浏览 1提问于2019-01-16得票数 0
1回答
我试图在我的角度项目中使用leatflet软件包，但我无法使它工作。
我在npm install leatflet --save中安装了leatflet，然后在angular.json文件中包含了依赖项：
"styles": [
"node_modules/leaflet/dist/leaflet.css",
],
"scripts": [
"node_modules/leaflet/dist/leaflet.js"
],
我的app.component.ts文件：
import {
浏览 0提问于2019-06-12得票数 3
回答已采纳
我有一个带有html的/CSS/组件(.ts文件)/service(.ts文件)的angular项目。服务方法从assets文件夹中的.json文件读取数据(而不是调用后端)。
我正在做一个prod构建，它将在dist文件夹中生成html的/CSS/javascript文件。
问题是生成的index.html文件无法渲染，在没有服务器(应用程序服务器)的浏览器中显示空白屏幕。我的要求是让这个HTML离线工作。
如何从angular项目中导出独立html的/CSS/javascripts以作为脱机html工作？
生成的dist文件夹结构：
浏览 9提问于2021-09-17得票数 2
2回答
在tomcat8.5服务器上部署我的应用程序时，导入的css和js文件没有加载angular.json。本地工作正常 评论： 此服务器在访问服务器IP的应用程序或远程访问服务器时具有到外部访问的链接，但使用外部访问链接时不加载Css和js。 我使用基本href = "/ Project"，而不是angular.json。我按如下方式定义路径： "node_modules / primeicons / primeicons.css",
"src / styles.css",
"node_modules / owl.carousel / d
浏览 22提问于2019-03-03得票数 0
3回答
在构建angular库时包含资源
、、、、
我正在构建一个包含自定义图标字体的库。但是，当我使用ng build <library-name> --prod构建我的库时，assets文件夹不包括在构建中，这意味着在使用生产构建时不会显示图标。
我尝试过多种解决方案，比如在angular.json中添加assets数组，以及将assets文件夹复制到创建的dist文件夹中。
我使用的是Angular 8，这个库是使用angular-cli创建的。
我尝试了两种方法来包含字体:在一个样式文件中使用@import url( '../assets/icon_font.css' );，以及在一个需要../assets/
浏览 3提问于2019-09-01得票数 28
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
