Question

我正在.net框架中构建一个新的angular 4应用程序，该应用程序随webpack一起提供。以前当我使用angular cli时，我得到angular-cli.json，我可以提供第三方脚本和css。在这种情况下，我没有angular-cli.json。我的项目结构如下。

我的webpack如下所示

当我尝试将第三方css文件添加到nonTreeShakableModules时，它不起作用。

我的index.cshtml和_layout.cshtml是通过应用程序生成的。

我的Index.cshtml

@{
    ViewData["Title"] = "Home Page";
}

<app>Loading...</app>

@*asp-prerender-module="ClientApp/dist/main-server"*@

<script src="~/dist/vendor.js" asp-append-version="true"></script>
@section scripts {
    <script src="~/dist/main-client.js" asp-append-version="true"></script>
}

我的layout.cshtml

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] - CareTeamPortal</title>
    <base href="~/" />

    <link rel="stylesheet" href="~/dist/vendor.css" asp-append-version="true" />
</head>
<body>
    @RenderBody()

    @RenderSection("scripts", required: false)
</body>
</html>

Answer 1

我假设应用程序在style.css中有一个样式表index.html。

为各个样式表添加import语句，如下所示

@import url('.................'); // specify the path

Angular2 / 4：在.net框架中包含第三方脚本和样式

1 个答案: