Question

我从Angular开始，在基本功能方面遇到了一些困难。

我正在跟踪一个教程，该教程说明如何在<head>文件的index.html部分中使用Materialize lib ：。 Materialize库通过CDN加载。

<!DOCTYPE html>
<html>
  <head>
    <title>Application de Pokémons</title>
    <base href="/">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css">
    <!-- Polyfill(s) for older browsers -->
    <script src="https://unpkg.com/core-js/client/shim.min.js"></script>
    <script src="https://unpkg.com/zone.js@0.8.26?main=browser"></script>
    <script src="https://unpkg.com/systemjs@0.19.40/dist/system.src.js"></script>
    <script src="systemjs.config.server.js"></script>
    <script>
      System.import('dist/main.js').catch(function(err){ console.error(err); });
    </script>
</head>

这是一种简单的方法，但我对此表示怀疑，因为在生产环境中将无法实现。我试图创建文件夹来存储Materialize css文件以及/app文件夹中的图片/图标文件，但是这些文件未加载，并且出现错误消息，告诉我不允许这样做。

我找到了一篇文章解释为什么here。

我最终尝试将所有这些内容存储在/node-module文件夹中，然后在位于项目根文件夹的style.css文件中声明这些资源。

"styles": [
          "../node-module/materialize/css/materialize.css",
          "style.css"
        ],
"scripts": [
          "../node-module/materialize/js/materialize.js",
          "../node-module/jquery/dist/jquery.js"
        ]

什么都没有。

有人可以告诉我如何正确执行此操作吗？

非常感谢。

Angular 6：我应该在哪里放置CSS和图标资源？

0 个答案: