如何在拥有 html、css 和 js 文件的同时构建 Angular6 项目答案

【问题标题】：How to build Angular6 project while having html,css and js files如何在拥有 html、css 和 js 文件的同时构建 Angular6 项目
【发布时间】：2019-02-20 04:10:01
【问题描述】：

我正在开发一个使用 angular6 和带有微服务架构的 spring boot 的网站。

我从设计师团队获得了 HTML、CSS 和 JS 文件形式的 UI，其结构附在此处HTML and CSS files

另外，我创建了一个名为 DIS 的 angular6 项目，其结构附在此处Angular6 project

从 Angular 6 开始的最佳方式是什么？

考虑到微服务架构，如何在 angular6 项目中包含这些文件？

【问题讨论】：

标签： java angular spring-boot architecture microservices

【解决方案1】：

如果我正确理解了您的问题。是的，您可以这样做。

Step 1: 您需要创建构建网站所需的必要组件、模块。

Step 2: 将组件替换为必要的 HTML 文件和 CSS 文件。当您使用 CLI 生成组件时，您应该将这 2 个文件替换掉。

当您拥有可以在其他文件之间共享的全局 CSS 文件时。您可以使用 Angular CLI 进行配置。

关于微服务架构，它与您的前端应用程序没有任何关系，它完全在服务器端。但是您可以在根据您拥有的服务创建组件时考虑。

【讨论】：

绝对可以，但是我有全局的 CSS 和 JS 文件，这些文件用于所有 html 页面。此外，字体样式、日历库和图像都在那里，然后如何包含所有这些文件。那么微服务架构呢，会不会用到angular部分呢？
感谢您的解决方案，如果它对我有用，将尝试这个并发布。

【解决方案2】：

ng new ng6-proj --style=scss --routing

只需在将全局应用的主要 style.scss 中进行更改。
图片可以放在任何地方，只需要提供路径即可使用

【讨论】：