Angular-cli构建到内联样式和模板

angular、webpack、angular-cli

我看到了，angular-cli在构建时支持内联css和html资源。我必须如何配置它？我有angular-cli版本的1.0.0-beta.24。我试着用ng buld和ng build --env=prod --target=production构建。

浏览 7提问于2017-01-13得票数 0

回答已采纳

1回答

angular cli构建不包含css组件

angular、angular-cli

通过阅读angular-cli文档和一些关于堆栈溢出的讨论，我了解到，当一个项目使用生成的组件完成时，默认情况下所有内联样式都将包含在构建中，但当我构建我的项目时，似乎没有任何内联样式被包括在内。我注意到它有两个原因：首先，很明显，我的应用程序的风格与我使用'ng serve‘命令时的风格不同，其次，因为使用浏览器检查器元素，我找不到我的css的痕迹。这是我的angular-cli的配置

浏览 0提问于2016-11-09得票数 6

1回答

我正在使用angular-cli编写一个angular2应用程序。我遵循这样的结构-全局样式被导入/放置在styles.scss中，这是在angular-cli.json ->样式中指定的：[] -每个组件都有自己的scss，一切都很好然而，有人告诉我，当构建和运行应用程序时，这些样式将被转换为内联样式，并插入到主html文件(index.html)的标题中。我在运行该应用程序时检查了index.html，看到许多内联</em

浏览 5提问于2017-05-10得票数 0

1回答

在由angular-cli构建的angular混合应用程序中，ng1模板应该放在哪里？

angularjs、angular、angular-ui-router、angular-cli、ng-upgrade

我正在尝试在angular.js应用程序的基础上构建一个angular混合应用程序。我正在遵循官方文档()。我完成了这一步：。因此，使用我的主模块上的配置函数和$stateProvider服务，我已经将每个路由映射到一个angular.js控制器和一个由templateUrl参数指定的模板。我的应用程序似乎正确启动，但无法加载模板，因为找不到它们(404错误)。这是正常的，因为当我使用ng build angular-cli命令行时，它们不会导入到构建

浏览 14提问于2018-02-15得票数 0

1回答

angular 2，angular-cli:如何启用手写笔的相对路径？

webpack、stylus、angular-cli

作为将angular 1.5应用程序移植到angular 2的起点，我使用angular-cli创建了一个项目模板：手写笔编译原则上运行良好，但使用绝对路径我的全局手写笔文件(style.styl)如下所示"plasma.styl“是一个入口点(到公司范围的样式/assets&#x

浏览 2提问于2016-10-06得票数 2

2回答

JSX模板文本用于内联样式

javascript、reactjs、jsx

我试图在包含变量的元素上添加内联样式。我尝试过各种花括号和背字形--我想我需要模板文字，但不确定这种内联样式似乎需要的双大括号内的语法是如何工作的。这一个消息失败：style支柱需要从样式属性到值的映射，而不是字符串这一个 <circle style={{`s

浏览 4提问于2020-05-29得票数 1

回答已采纳

3回答

带Webpack的Angular CLI -如何在项目中包含全局SCSS？

angular、angular-cli

我似乎不太明白如何创建一个全局的SCSS文件来容纳混入、变量和特定标签的导入。每当我尝试在任何SCSS文件中定位<body>时，当我检查元素时，都找不到这些样式。是否有人能够创建某种类型的app.scss文件，使所有子组件都继承全局样式，并且能够以<body>为目标

浏览 3提问于2016-08-26得票数 3

2回答

vue3 web组件由于CSP拒绝应用内联样式。

vue.js、vuejs3、web-component、vite、custom-element

我创建了一个具有.ce.vue扩展的web组件(如这里所描述的：)，这样我的样式就会内联在阴影中。当我在晶闸管模板中使用这个web组件时，我得到了一个CSP错误，并且我的样式没有加载：拒绝应用内联样式，因为它违反了以下内容安全策略指令：" style -src 'self‘nonce-xxx=’‘要么是‘不安全-内联’关键字，要么是散列('sha256-xxx=')，或者是“不安全-内联”(‘nonce .’)

浏览 7提问于2022-07-13得票数 1

2回答

Outlook -转发/回复删除显示:无内联样式

html、css、email、outlook

我为Sharepoint WebPart创建了一个邮件模板，其中包含一个带有内联样式显示的div元素: none。如下所示：如果我发送邮件模板到一个邮件地址，那么所有的工作将正确，这意味着但是如果我转发或回复邮件，Outlook将覆盖内联样式，上面的div是可见的。我已经尝试过设置&

浏览 1提问于2014-06-18得票数 3

1回答

如何在构建中包含其他文件夹，如资产或静态数据，Angular-CLI* 1.0.0-beta.11-webpack.2*

angular、angular-cli

我使用的是Angular-CLI 1.0.0-beta.11-webpack.2。有一些方法可以在Angular-CLI 1.0.0-beta.11-webpack.2版本中使用脚本和样式标签来包含第三方库和css，但如何在构建中包含额外的文件夹，如图像和数据(其中包括json文件中的一些静态数据

浏览 10提问于2016-08-25得票数 0

回答已采纳

2回答

编译时内联Angular2模板和样式表

angular

我喜欢对模板和样式有单独的文件，但是有没有可能让编译器在编译时内联它们呢？如果可能的话，我想使用相对路径，但我知道SystemJS现在不支持相对路径。此外，在编译时内联模板和样式将减少必须下载的文件数量。

浏览 0提问于2016-01-14得票数 0

2回答

我可以在没有注入样式的情况下呈现静态html内容吗？

javascript、html、css、reactjs

我目前正在构建一个允许用户创建电子邮件模板的服务。用户可以预览UI中的模板。预览的html将呈现在服务器上并发送到客户端。目前，我将“转义”和“消毒”内容呈现如下所示：这种方法的问题是模板包含style这种样式将被注入页面的其余部分，并会破坏屏幕上所有h1标记的呈现。不仅仅是在div中有innerHTML道具集的那些。我正在寻找一种不用注入<e

浏览 9提问于2022-04-03得票数 0

1回答

插入时向CkEditor Smiley添加类或内联样式

ckeditor

我在一个程序中使用Ck编辑器来构建电子邮件模板。每个电子邮件模板都有自己的样式，可以覆盖内容块中的文本。因此，目前当我使用Ck编辑器在文本块中添加一个笑脸符号时，模板样式会在文本块内的图像中添加向左浮动和显示块。<img alt="cool" height="23" src=&qu

浏览 1提问于2016-11-24得票数 1

2回答

带有Haml的Angular2

angular、haml、angular-cli

在角度2中可以使用HAML作为模板引擎吗？在角2(版本2.3.1)中，您可以使用scss/sass代替css。这是angular-cli和--style给出的选项。对于模板，cli只允许通过设置--inline-template在内联模板之间进行更改。

浏览 3提问于2017-01-24得票数 9

回答已采纳

1回答

angular cli -添加cdn脚本/样式作为全局优先级

angular、webpack、angular-cli

我已经添加了新构建的angular-cli，一些样式和脚本在index.html的头部，但似乎是webpack没有加载这些文件。可能会有问题，因为这些文件是从cdn加载的。有没有办法将全局脚本/样式从cdn添加为 apps[0].styles //script

浏览 0提问于2016-11-17得票数 4

1回答

为什么我不能定制web组件库的样式，而不是主题？saps UI5

javascript、html、reactjs、web-component、ui5-webcomponents

为什么我不能自定义web组件库的样式，即UI5，超出主题？我已经尝试了一切，从内联造型到包装网页组件的样式-组件。我尝试使用:host()，::slott。我尝试将样式标记插入模板本身。additional-text={subTemplate} name={subTemplate} />); 现在，外部禁忌容器很容易使用任何类型的样式，但当我试图对表容器的任何内部T

浏览 10提问于2022-05-25得票数 0

回答已采纳

4回答

构建HTML电子邮件时，我可以将样式放在页眉部分，还是必须使用内联样式？

html、css、email、email-templates

我必须建立一些电子邮件模板使用基本的HTML和CSS。我找到了，它详细说明了在各种电子邮件客户端中最受支持的CSS样式。我理解这些将作为内联样式工作。

浏览 0提问于2012-03-12得票数 0

回答已采纳

2回答

Angular 2:内联样式和模板(a la Reactjs) vs外部？

angularjs、angular、angular2-template

我一直在研究新的Angular 2组件中的内联样式和模板与外部样式。在组件中同时包含样式和模板让我想起了reactjs是如何处理问题的。这对于内联比外部更好吗？我不确定该走哪条路线，或者哪条路线是推荐的。

浏览 0提问于2016-06-03得票数 1

6回答

组件模板与templateUrl的区别

angular、angular2-template

It is also possible to put multi-line template into.htmlfile and reference it bytemplateUrl`.编写多行模板。对于我来说，直接将模板放入组件似乎很舒服，因为它都在一个地方，但是这样做有什么缺点吗？Component({ templateUrl: 'multi-line.html'export class AppComponent { } 和multi

浏览 4提问于2016-01-08得票数 22

回答已采纳

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

Angular-cli构建到内联样式和模板

相关·内容

扩展angular-cli的构建流水线