问题标签 [angular-cli]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - 使用 Angular cli 从 node_modules 文件夹添加 CSS
我已经用 npm 安装了一个新库,到目前为止一切都很好。现在我想将其中的 css 导入我的项目,显然我不应该直接链接到该node_modules
文件夹。那么,是否有一个简单的方法可以将其导入我的项目?我正在使用 Angular CLI。
我有一个想法,但我不确定这是否是个好主意——我考虑过安装 gulp/grunt,然后需要那里的样式并将其输出vendor.css
到我的项目中。甚至可能吗?
angular-cli - 可以在其他项目中使用 angular-cli 吗?
我想在现有的 angular2 项目中使用 angular-cli 并使用它来生成组件等。实现这一点需要什么配置?我认为包括angular-cli.json
就足够了。有小费吗?
typescript - 有没有办法在项目的类中获取构建和版本号
我有一个使用 algular-cli 创建和维护的项目。我想在版本号(可能来自 package.json)和递增的内部版本号(每次我这样做ng build
或每次这样做)的项目类中都有一个可访问的值ng serve
。我怎样才能做到这一点?提前致谢。
javascript - 扩展 angular-cli 构建过程
我想知道如何扩展 angular-cli 构建过程。
我想/dist
在 cli 完成工作后向文件夹添加额外的 JSON 文件。我看不到在angular-cli-build.js
.
我试过:
问题是 clidist
在启动之前擦除文件夹,因此我创建的文件被删除。
那么如何在不破解 cli 的情况下正确扩展构建过程?
angular - Angular 2 应用程序构建中的大型 main.js 文件
我使用angular-cli@0.0.39
. 它是简单 angular 1 应用程序的转换。问题是main.js
文件大小超过 800KB。我看到该文件包含(可能)所有 angular 2 模块。
我是按ng build --environment=production
命令建造的。
我是否遗漏了某些内容或文件大小正确?
angular - PrimeNG Schedule 未显示的事件无法读取 null 的属性 scrollTop
我正在尝试使用 PrimeNG 的 Schedule 组件为用户显示日历事件。日历显示,但是当 Fullcalendar 尝试呈现事件时,它返回错误:"ORIGINAL EXCEPTION: TypeError: Cannot read property 'scrollTop' of null"
事件应该是正确的格式,因为这个项目只是从已经使用 Fullcalendar 的 angular1 版本重构。下面我包含了 html、配置选项和试图显示的事件的模拟。
事实证明,无论我包含什么选项,fullcalendar 总是给出相同的错误。我什至尝试加载没有选项的计划模板,但仍然有同样的错误。这似乎表明我包含 Schedule 和 fullcalendar 的方式不正确。我通过 npm install --save 包含了primeng 和 moment,然后通过 html cdns 包含了 fullcalendar。我按照此处显示的实施更改 来启动并运行计划。然后,我将 Schedule 添加为我当前组件的提供者和指令。Schedule 也包含在我的类构造函数中,以便我可以从组件的方法中引用它。
angularjs - 扩展 Angular CLI 任务
我正在尝试扩展默认的 Angular CLI 任务,但遇到了一些障碍。在这一点上,我正在尝试扩展它以添加两个额外的任务:
- 添加额外的 linting 以支持 CSS linting 的 stylelint
- 添加对doiuse的支持,确保所有编写的样式都支持我们需要支持的浏览器
到目前为止,我已经尝试了一些东西,但是它们似乎都不起作用。我还查看了material-2 angular-cli-build.js文件,并且已经能够让 doiuse 在它的修改版本中工作,但是它仍然存在问题,并且在发现无效时无法正确捕获错误CSS。
有没有人有任何运气或可以建议扩展 Angular CLI 任务的任何提示?
typescript - index.ts 中导出的自动排序导致应用崩溃
每次我在我的共享文件夹中生成某些内容时,都会重建 index.ts 文件,并且导出按字母顺序排列。这似乎打破了对我的依赖。手动更改顺序,以便在具有依赖项的类之前导出依赖项,使其再次工作。
如果我们有app/shared/auth.guard.ts
:
和app/shared/account.service.ts
:
这不起作用:
Unhandled Promise rejection: Error: Cannot resolve all parameters for 'AuthGuard'(undefined, Router). Make sure that all the parameters are decorated with Inject or have valid type annotations and that 'AuthGuard' is decorated with Injectable.
这有效:
据我所知,这并不适用于所有人。例如,我的用户模型可以在身份验证服务后导出,并且工作正常。
我希望我不必每次都手动更改它。有可用的解决方法吗?我可以用不同的方式构造文件吗?
依赖项来自package.json
:
开发依赖:
angular - 如何进入公共目录
我在我的项目中使用angular-cli,并且我想使用全局图像 - 我的网站徽标图像。
据我了解,public
项目根目录(angular-cli
创建的)用于公共资产 - 这似乎是放置我的图像的好地方(如果我错了,请纠正我)。
但是,当我尝试在我的<img src="/public/book4u-logo.svg" />
标签中访问该图像时,我得到 404。原因当然是我的项目根目录是src
目录而不是项目根目录。
那么,我应该如何进入该目录?或者我应该将我的图像放在另一个目录中吗?
我的项目树(我删除了不必要的 suff):
img
标签是 at并且/src/app/bfy.component.html
图像本身是 at /public/book4u-logo.svg
。