{"id":39008,"date":"2022-12-26T04:07:01","date_gmt":"2023-05-24T03:31:10","guid":{"rendered":"https:\/\/www.silicloud.com\/zh\/blog\/%e8%ae%a9%e6%88%91%e4%bb%ac%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8asp-net-core-angular2%ef%bc%88%e7%ac%ac%e4%b8%80%e9%83%a8%e5%88%86%ef%bc%89\/"},"modified":"2024-04-29T06:59:43","modified_gmt":"2024-04-28T22:59:43","slug":"%e8%ae%a9%e6%88%91%e4%bb%ac%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8asp-net-core-angular2%ef%bc%88%e7%ac%ac%e4%b8%80%e9%83%a8%e5%88%86%ef%bc%89","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/zh\/blog\/%e8%ae%a9%e6%88%91%e4%bb%ac%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8asp-net-core-angular2%ef%bc%88%e7%ac%ac%e4%b8%80%e9%83%a8%e5%88%86%ef%bc%89\/","title":{"rendered":"\u8ba9\u6211\u4eec\u5c1d\u8bd5\u4f7f\u7528ASP.NET Core + angular2\uff08\u7b2c\u4e00\u90e8\u5206\uff09"},"content":{"rendered":"<p>\u521b\u5efa\u4e00\u4e2aASP.NET Core + Angular2\u5e94\u7528\u7a0b\u5e8f\uff08\u7b2c1\u90e8\u5206\uff09<\/p>\n<p>\u4f5c\u4e1a\u4ed3\u5e93\u5728\u8fd9\u91cc<\/p>\n<h2>\u51fa\u73b0\u7684\u4e8b\u7269<\/h2>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">ASP.NET core MVC<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">Entity Framework core<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">Angular2<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">Bootstrap4<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">fontawesome<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">Webpack<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">Typescript<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">Sass<\/ul>\n<p>\u8fd9\u6b21\u6211\u4eec\u5c06\u4f7f\u7528Visual Studio 2015 Update3\u3002<br \/>\n\u867d\u7136\u6b65\u9aa4\u53ef\u80fd\u6709\u4e9b\u4e0d\u540c\uff0c\u4f46\u5728Mac\u7b49\u8bbe\u5907\u4e0a\u4e5f\u5e94\u8be5\u53ef\u4ee5\u64cd\u4f5c\u3002<\/p>\n<h2>\u9996\u5148\u51c6\u5907ASP.NET Core MVC\u73af\u5883<\/h2>\n<p>\u6211\u9009\u62e9\u4e86WebApi\u9879\u76ee<\/p>\n<div><img decoding=\"async\" class=\"post-images\" title=\"\" src=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d37e937434c4406c746fa\/7-0.png\" alt=\"1468332917162.png\" \/><\/div>\n<h3>\u4e3a\u4e86\u5728\u540c\u4e00\u53f0\u670d\u52a1\u5668\u4e0a\u8fd0\u884cangular2\uff0c\u9700\u8981\u542f\u7528\u9759\u6001\u6587\u4ef6\u3002<\/h3>\n<p>\u8981\u5728\u540c\u4e00\u53f0\u670d\u52a1\u5668\u4e0a\u8fd0\u884cangular2\uff0c\u9700\u8981\u6fc0\u6d3b\u9759\u6001\u6587\u4ef6\u3002<\/p>\n<p>\u6dfb\u52a0\u5230\u4f9d\u8d56\u9879<\/p>\n<pre class=\"post-pre\"><code><span class=\"nl\">\"Microsoft.AspNetCore.StaticFiles\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"1.0.0\"<\/span>\r\n<\/code><\/pre>\n<p>\u5728Startup.cs\u4e2d\u7684Configure\u65b9\u6cd5\u4e2d\u8fdb\u884c\u6dfb\u52a0<\/p>\n<pre class=\"post-pre\"><code>        public void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory)\r\n        {\r\n            ..\r\n\r\n            app.UseStaticFiles();\r\n\r\n            ..\r\n        }\r\n<\/code><\/pre>\n<h3>\u521b\u5efa\u7528\u4e8e\u8fd0\u884cAngular\u7684\u89c6\u56fe<\/h3>\n<pre class=\"post-pre\"><code><span class=\"err\">@<\/span><span class=\"p\">{<\/span>\r\n    <span class=\"n\">Layout<\/span> <span class=\"p\">=<\/span> <span class=\"s\">\"_Layout\"<\/span><span class=\"p\">;<\/span>\r\n<span class=\"p\">}<\/span>\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code><span class=\"p\">&lt;<\/span><span class=\"n\">html<\/span><span class=\"p\">&gt;<\/span>\r\n<span class=\"p\">&lt;<\/span><span class=\"n\">head<\/span><span class=\"p\">&gt;<\/span>\r\n    <span class=\"p\">&lt;<\/span><span class=\"n\">meta<\/span> <span class=\"n\">charset<\/span><span class=\"p\">=<\/span><span class=\"s\">\"UTF-8\"<\/span><span class=\"p\">&gt;<\/span>\r\n    <span class=\"p\">&lt;<\/span><span class=\"n\">meta<\/span> <span class=\"n\">name<\/span><span class=\"p\">=<\/span><span class=\"s\">\"viewport\"<\/span> <span class=\"n\">content<\/span><span class=\"p\">=<\/span><span class=\"s\">\"width=device-width, initial-scale=1\"<\/span><span class=\"p\">&gt;<\/span>\r\n    <span class=\"p\">&lt;<\/span><span class=\"n\">title<\/span><span class=\"p\">&gt;<\/span><span class=\"n\">@ViewBag<\/span><span class=\"p\">.<\/span><span class=\"n\">Title<\/span><span class=\"p\">&lt;\/<\/span><span class=\"n\">title<\/span><span class=\"p\">&gt;<\/span>\r\n    <span class=\"p\">&lt;<\/span><span class=\"n\">link<\/span> <span class=\"n\">rel<\/span><span class=\"p\">=<\/span><span class=\"s\">\"stylesheet\"<\/span> <span class=\"n\">href<\/span><span class=\"p\">=<\/span><span class=\"s\">\"~\/dist\/vendor-style.css\"<\/span> <span class=\"p\">\/&gt;<\/span>\r\n    <span class=\"p\">&lt;<\/span><span class=\"n\">link<\/span> <span class=\"n\">rel<\/span><span class=\"p\">=<\/span><span class=\"s\">\"stylesheet\"<\/span> <span class=\"n\">href<\/span><span class=\"p\">=<\/span><span class=\"s\">\"~\/dist\/app-style.css\"<\/span> <span class=\"p\">\/&gt;<\/span>\r\n<span class=\"p\">&lt;\/<\/span><span class=\"n\">head<\/span><span class=\"p\">&gt;<\/span>\r\n<span class=\"p\">&lt;<\/span><span class=\"n\">body<\/span><span class=\"p\">&gt;<\/span>\r\n    <span class=\"nf\">@RenderBody<\/span><span class=\"p\">()<\/span>\r\n\r\n    <span class=\"p\">&lt;<\/span><span class=\"n\">script<\/span> <span class=\"n\">src<\/span><span class=\"p\">=<\/span><span class=\"s\">\"~\/dist\/vendor.bundle.js\"<\/span><span class=\"p\">&gt;&lt;\/<\/span><span class=\"n\">script<\/span><span class=\"p\">&gt;<\/span>\r\n    <span class=\"p\">&lt;<\/span><span class=\"n\">script<\/span> <span class=\"n\">src<\/span><span class=\"p\">=<\/span><span class=\"s\">\"~\/dist\/app.bundle.js\"<\/span><span class=\"p\">&gt;&lt;\/<\/span><span class=\"n\">script<\/span><span class=\"p\">&gt;<\/span>\r\n<span class=\"p\">&lt;\/<\/span><span class=\"n\">body<\/span><span class=\"p\">&gt;<\/span>\r\n<span class=\"p\">&lt;\/<\/span><span class=\"n\">html<\/span><span class=\"p\">&gt;<\/span>\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code><span class=\"err\">@<\/span><span class=\"p\">{<\/span>\r\n    <span class=\"n\">ViewData<\/span><span class=\"p\">[<\/span><span class=\"s\">\"Title\"<\/span><span class=\"p\">]<\/span> <span class=\"p\">=<\/span> <span class=\"s\">\"Lanos CRM\"<\/span><span class=\"p\">;<\/span>\r\n<span class=\"p\">}<\/span>\r\n\r\n<span class=\"p\">&lt;<\/span><span class=\"n\">div<\/span> <span class=\"k\">class<\/span><span class=\"err\">=\"<\/span><span class=\"nc\">container<\/span><span class=\"s\">\"&gt;\r\n<\/span>    <span class=\"p\">&lt;<\/span><span class=\"n\">my<\/span><span class=\"p\">-<\/span><span class=\"n\">app<\/span> <span class=\"k\">class<\/span><span class=\"err\">=\"<\/span><span class=\"nc\">container<\/span><span class=\"s\">\"&gt;Loading...&lt;\/my-app&gt;\r\n<\/span><span class=\"p\">&lt;\/<\/span><span class=\"n\">div<\/span><span class=\"p\">&gt;<\/span>\r\n<\/code><\/pre>\n<h3>\u5236\u4f5c\u6e38\u620f\u624b\u67c4<\/h3>\n<pre class=\"post-pre\"><code><span class=\"k\">using<\/span> <span class=\"nn\">Microsoft.AspNetCore.Mvc<\/span><span class=\"p\">;<\/span>\r\n\r\n<span class=\"k\">namespace<\/span> <span class=\"nn\">core_angular2.Controllers<\/span>\r\n<span class=\"p\">{<\/span>\r\n    <span class=\"k\">public<\/span> <span class=\"k\">class<\/span> <span class=\"nc\">HomeController<\/span> <span class=\"p\">:<\/span> <span class=\"n\">Controller<\/span>\r\n    <span class=\"p\">{<\/span>\r\n        <span class=\"p\">[<\/span><span class=\"nf\">Route<\/span><span class=\"p\">(<\/span><span class=\"s\">\"\"<\/span><span class=\"p\">)]<\/span>\r\n        <span class=\"k\">public<\/span> <span class=\"n\">IActionResult<\/span> <span class=\"nf\">Index<\/span><span class=\"p\">()<\/span>\r\n        <span class=\"p\">{<\/span>\r\n            <span class=\"k\">return<\/span> <span class=\"nf\">View<\/span><span class=\"p\">();<\/span>\r\n        <span class=\"p\">}<\/span>\r\n    <span class=\"p\">}<\/span>\r\n<span class=\"p\">}<\/span>\r\n<\/code><\/pre>\n<h3>\u4fee\u6539Properties\/launchSettings\u4e2d\u7684\u521d\u59cb\u663e\u793a\u8def\u5f84\u3002<\/h3>\n<p>\u5c06\u5176\u7a7a\u7f6e<\/p>\n<pre class=\"post-pre\"><code>\"launchUrl\": \"\",\r\n<\/code><\/pre>\n<p>\u5982\u679c\u80fd\u505a\u5230\u8fd9\u4e00\u70b9\u5e76\u8fd0\u884c\uff0c\u5982\u679c\u51fa\u73b0&#8221;\u52a0\u8f7d\u4e2d&#8221;\u7684\u63d0\u793a\uff0c\u90a3\u5c31\u53ef\u4ee5\u4e86\u3002<\/p>\n<h2>\u5b89\u88c5Angular2\u548c\u5176\u4ed6\u6240\u9700\u7684\u5e93<\/h2>\n<pre class=\"post-pre\"><code><span class=\"p\">{<\/span>\r\n  <span class=\"nl\">\"name\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"core_angular2\"<\/span><span class=\"p\">,<\/span>\r\n  <span class=\"nl\">\"version\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"1.0.0\"<\/span><span class=\"p\">,<\/span>\r\n  <span class=\"nl\">\"scripts\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"nl\">\"postinstall\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"typings install\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"tsc\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"tsc\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"tsc:w\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"tsc -w\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"typings\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"typings\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"webpack\"<\/span><span class=\"p\">:<\/span>  <span class=\"s2\">\"webpack\"<\/span>\r\n  <span class=\"p\">},<\/span>\r\n  <span class=\"nl\">\"license\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"ISC\"<\/span><span class=\"p\">,<\/span>\r\n  <span class=\"nl\">\"dependencies\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"nl\">\"@angular\/common\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"2.0.0-rc.3\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"@angular\/compiler\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"2.0.0-rc.3\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"@angular\/core\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"2.0.0-rc.3\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"@angular\/forms\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"0.1.1\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"@angular\/http\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"2.0.0-rc.3\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"@angular\/platform-browser\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"2.0.0-rc.3\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"@angular\/platform-browser-dynamic\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"2.0.0-rc.3\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"@angular\/router\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"3.0.0-alpha.7\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"@angular\/router-deprecated\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"2.0.0-rc.2\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"@angular\/upgrade\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"2.0.0-rc.3\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"angular2-in-memory-web-api\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"0.0.12\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"bootstrap\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^4.0.0-alpha.2\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"core-js\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^2.4.0\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"font-awesome\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^4.6.3\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"jquery\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"&gt;=2.0.0 &lt;3.0.0\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"reflect-metadata\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^0.1.3\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"rxjs\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"5.0.0-beta.6\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"tether\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^1.3.2\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"zone.js\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^0.6.12\"<\/span>\r\n  <span class=\"p\">},<\/span>\r\n  <span class=\"nl\">\"devDependencies\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"nl\">\"css-loader\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^0.23.1\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"extract-text-webpack-plugin\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^1.0.1\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"file-loader\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^0.9.0\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"font-awesome-sass-loader\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^1.0.1\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"gulp\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^3.9.1\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"imports-loader\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^0.6.5\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"node-sass\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^3.8.0\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"sass-loader\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^4.0.0\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"style-loader\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^0.13.1\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"ts-loader\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^0.8.2\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"typescript\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^1.8.10\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"typings\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^1.0.4\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"url-loader\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^0.5.7\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"webpack\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^1.13.1\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"webpack-merge\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^0.14.0\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"webpack-stream\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"^3.2.0\"<\/span>\r\n  <span class=\"p\">}<\/span>\r\n<span class=\"p\">}<\/span>\r\n<\/code><\/pre>\n<p>npm\u5b89\u88c5!!<\/p>\n<p>\u5728\u6839\u76ee\u5f55\u4e0b\u6267\u884c npm install \u547d\u4ee4\u3002<\/p>\n<p>\u521b\u5efatsconfig<\/p>\n<pre class=\"post-pre\"><code><span class=\"p\">{<\/span>\r\n  <span class=\"nl\">\"compilerOptions\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"nl\">\"target\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"es5\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"module\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"commonjs\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"moduleResolution\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"node\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"sourceMap\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"emitDecoratorMetadata\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"experimentalDecorators\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"removeComments\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">false<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"noImplicitAny\"<\/span><span class=\"p\">:<\/span> <span class=\"kc\">false<\/span>\r\n  <span class=\"p\">}<\/span>\r\n<span class=\"p\">}<\/span>\r\n<\/code><\/pre>\n<p>\u4e5f\u521b\u5efatypings<\/p>\n<pre class=\"post-pre\"><code><span class=\"p\">{<\/span>\r\n  <span class=\"nl\">\"globalDependencies\"<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"nl\">\"core-js\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"registry:dt\/core-js#0.0.0+20160602141332\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"jasmine\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"registry:dt\/jasmine#2.2.0+20160621224255\"<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"nl\">\"node\"<\/span><span class=\"p\">:<\/span> <span class=\"s2\">\"registry:dt\/node#6.0.0+20160621231320\"<\/span>\r\n  <span class=\"p\">}<\/span>\r\n<span class=\"p\">}<\/span>\r\n<\/code><\/pre>\n<h3>\u5c06\u4f9d\u8d56\u6a21\u5757\u6574\u5408\u5230Typescript\u4e2d\u3002<\/h3>\n<pre class=\"post-pre\"><code><span class=\"k\">import<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">..\/node_modules\/core-js<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\r\n<span class=\"k\">import<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">..\/node_modules\/zone.js\/dist\/zone<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\r\n\r\n<span class=\"k\">import<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">..\/node_modules\/@angular\/common<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\r\n<span class=\"k\">import<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">..\/node_modules\/@angular\/compiler<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\r\n<span class=\"k\">import<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">..\/node_modules\/@angular\/core<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\r\n<span class=\"k\">import<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">..\/node_modules\/@angular\/forms<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\r\n<span class=\"k\">import<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">..\/node_modules\/@angular\/http<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\r\n<span class=\"k\">import<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">..\/node_modules\/@angular\/platform-browser<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\r\n<span class=\"k\">import<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">..\/node_modules\/@angular\/platform-browser-dynamic<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\r\n<span class=\"k\">import<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">..\/node_modules\/@angular\/router<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\r\n\r\n<span class=\"k\">import<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">..\/node_modules\/bootstrap\/dist\/js\/bootstrap<\/span><span class=\"dl\">\"<\/span><span class=\"p\">;<\/span>\r\n\r\n<span class=\"k\">import<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">..\/node_modules\/rxjs\/Rx<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code><span class=\"k\">import<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">..\/node_modules\/bootstrap\/dist\/css\/bootstrap.css<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\r\n<span class=\"k\">import<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">..\/node_modules\/font-awesome\/css\/font-awesome.css<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\r\n<span class=\"nx\">require<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">font-awesome-sass-loader<\/span><span class=\"dl\">\"<\/span><span class=\"p\">);<\/span>\r\n<\/code><\/pre>\n<h3>\u6574\u7406\u81ea\u5df1\u5b9a\u4e49\u7684\u98ce\u683c<\/h3>\n<pre class=\"post-pre\"><code><span class=\"k\">import<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.\/styles\/sample.scss<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span> <span class=\"cm\">\/* \u9069\u5f53\u306ascss\u3092\u4f5c\u3063\u3066\u8a66\u3059\u3068\u3044\u3044 *\/<\/span>\r\n<\/code><\/pre>\n<h3>\u6574\u7406Angular2\u7684\u4ee3\u7801<\/h3>\n<pre class=\"post-pre\"><code><span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">bootstrap<\/span> <span class=\"p\">}<\/span>    <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">@angular\/platform-browser-dynamic<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\r\n<span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">AppComponent<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.\/app.component<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\r\n<span class=\"nx\">bootstrap<\/span><span class=\"p\">(<\/span><span class=\"nx\">AppComponent<\/span><span class=\"p\">);<\/span>\r\n<\/code><\/pre>\n<pre class=\"post-pre\"><code><span class=\"k\">import<\/span> <span class=\"p\">{<\/span> <span class=\"nx\">Component<\/span> <span class=\"p\">}<\/span> <span class=\"k\">from<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">@angular\/core<\/span><span class=\"dl\">'<\/span><span class=\"p\">;<\/span>\r\n<span class=\"p\">@<\/span><span class=\"nd\">Component<\/span><span class=\"p\">({<\/span>\r\n    <span class=\"na\">selector<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">my-app<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"na\">template<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">&lt;h1&gt;My First Angular 2 App&lt;span class=\"fa fa-flag\"&gt;&lt;\/span&gt;&lt;\/h1&gt;<\/span><span class=\"dl\">'<\/span>\r\n<span class=\"p\">})<\/span>\r\n<span class=\"k\">export<\/span> <span class=\"kd\">class<\/span> <span class=\"nx\">AppComponent<\/span> <span class=\"p\">{<\/span> <span class=\"p\">}<\/span>\r\n<\/code><\/pre>\n<h2>\u4f7f\u7528webpack\u5c06\u6240\u9700\u7684\u6a21\u5757\u6253\u5305\u5e76\u4f7f\u7528<\/h2>\n<pre class=\"post-pre\"><code><span class=\"kd\">var<\/span> <span class=\"nx\">webpack<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">require<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">webpack<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\r\n<span class=\"kd\">var<\/span> <span class=\"nx\">path<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">require<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">path<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\r\n<span class=\"kd\">var<\/span> <span class=\"nx\">ExtractTextPlugin<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">require<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">extract-text-webpack-plugin<\/span><span class=\"dl\">\"<\/span><span class=\"p\">);<\/span>\r\n\r\n<span class=\"c1\">\/\/ Webpack Config<\/span>\r\n<span class=\"kd\">var<\/span> <span class=\"nx\">webpackConfig<\/span> <span class=\"o\">=<\/span> <span class=\"p\">{<\/span>\r\n    <span class=\"na\">entry<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n        <span class=\"dl\">'<\/span><span class=\"s1\">app<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.\/Client\/app\/app.ts<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\r\n        <span class=\"dl\">'<\/span><span class=\"s1\">vendor<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.\/Client\/vendor.ts<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\r\n        <span class=\"dl\">'<\/span><span class=\"s1\">app-style<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.\/Client\/app-style.ts<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\r\n        <span class=\"dl\">'<\/span><span class=\"s1\">vendor-style<\/span><span class=\"dl\">'<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.\/Client\/vendor-style.ts<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"p\">},<\/span>\r\n\r\n    <span class=\"na\">devtool<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">source-map<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\r\n\r\n    <span class=\"na\">cache<\/span><span class=\"p\">:<\/span> <span class=\"kc\">true<\/span><span class=\"p\">,<\/span>\r\n    <span class=\"na\">output<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n        <span class=\"na\">path<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.\/wwwroot\/dist<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\r\n        <span class=\"na\">filename<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">[name].bundle.js<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\r\n        <span class=\"na\">sourceMapFilename<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">[name].map<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\r\n        <span class=\"na\">chunkFilename<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">[id].chunk.js<\/span><span class=\"dl\">'<\/span>\r\n    <span class=\"p\">},<\/span>\r\n\r\n    <span class=\"na\">resolve<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n        <span class=\"na\">extensions<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"dl\">''<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.ts<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">.js<\/span><span class=\"dl\">'<\/span><span class=\"p\">]<\/span>\r\n    <span class=\"p\">},<\/span>\r\n\r\n    <span class=\"na\">plugins<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span>\r\n      <span class=\"k\">new<\/span> <span class=\"nx\">webpack<\/span><span class=\"p\">.<\/span><span class=\"nx\">ProvidePlugin<\/span><span class=\"p\">({<\/span>\r\n          <span class=\"na\">$<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">jquery<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span>\r\n          <span class=\"na\">jQuery<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">jquery<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span>\r\n          <span class=\"dl\">\"<\/span><span class=\"s2\">window.jQuery<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">jquery<\/span><span class=\"dl\">\"<\/span>\r\n      <span class=\"p\">}),<\/span>\r\n      <span class=\"k\">new<\/span> <span class=\"nx\">webpack<\/span><span class=\"p\">.<\/span><span class=\"nx\">ProvidePlugin<\/span><span class=\"p\">({<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">window.Tether<\/span><span class=\"dl\">\"<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">tether<\/span><span class=\"dl\">\"<\/span> <span class=\"p\">}),<\/span>\r\n      <span class=\"k\">new<\/span> <span class=\"nx\">webpack<\/span><span class=\"p\">.<\/span><span class=\"nx\">optimize<\/span><span class=\"p\">.<\/span><span class=\"nx\">CommonsChunkPlugin<\/span><span class=\"p\">({<\/span> <span class=\"na\">name<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span><span class=\"dl\">'<\/span><span class=\"s1\">app<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">vendor<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">polyfills<\/span><span class=\"dl\">'<\/span><span class=\"p\">],<\/span> <span class=\"na\">minChunks<\/span><span class=\"p\">:<\/span> <span class=\"kc\">Infinity<\/span> <span class=\"p\">}),<\/span>\r\n      <span class=\"k\">new<\/span> <span class=\"nx\">ExtractTextPlugin<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">[name].css<\/span><span class=\"dl\">\"<\/span><span class=\"p\">),<\/span>\r\n      <span class=\"k\">new<\/span> <span class=\"nx\">webpack<\/span><span class=\"p\">.<\/span><span class=\"nx\">optimize<\/span><span class=\"p\">.<\/span><span class=\"nx\">DedupePlugin<\/span><span class=\"p\">()<\/span>\r\n    <span class=\"p\">],<\/span>\r\n\r\n    <span class=\"na\">module<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\r\n        <span class=\"na\">loaders<\/span><span class=\"p\">:<\/span> <span class=\"p\">[<\/span>\r\n          <span class=\"c1\">\/\/ .ts files for TypeScript<\/span>\r\n            <span class=\"p\">{<\/span> <span class=\"na\">test<\/span><span class=\"p\">:<\/span> <span class=\"sr\">\/<\/span><span class=\"se\">\\.<\/span><span class=\"sr\">ts$\/<\/span><span class=\"p\">,<\/span> <span class=\"na\">loader<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">ts-loader<\/span><span class=\"dl\">'<\/span> <span class=\"p\">},<\/span>\r\n            <span class=\"p\">{<\/span> <span class=\"na\">test<\/span><span class=\"p\">:<\/span> <span class=\"sr\">\/<\/span><span class=\"se\">\\.<\/span><span class=\"sr\">css$\/<\/span><span class=\"p\">,<\/span> <span class=\"na\">loader<\/span><span class=\"p\">:<\/span> <span class=\"nx\">ExtractTextPlugin<\/span><span class=\"p\">.<\/span><span class=\"nx\">extract<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">style-loader<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">css-loader<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span> <span class=\"p\">},<\/span>\r\n            <span class=\"p\">{<\/span> <span class=\"na\">test<\/span><span class=\"p\">:<\/span> <span class=\"sr\">\/<\/span><span class=\"se\">\\.<\/span><span class=\"sr\">scss$\/<\/span><span class=\"p\">,<\/span><span class=\"na\">loader<\/span><span class=\"p\">:<\/span> <span class=\"nx\">ExtractTextPlugin<\/span><span class=\"p\">.<\/span><span class=\"nx\">extract<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">style-loader<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">css-loader!sass-loader<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span> <span class=\"p\">},<\/span>\r\n            <span class=\"p\">{<\/span> <span class=\"na\">test<\/span><span class=\"p\">:<\/span> <span class=\"sr\">\/<\/span><span class=\"se\">\\.<\/span><span class=\"sr\">sass$\/<\/span><span class=\"p\">,<\/span><span class=\"na\">loader<\/span><span class=\"p\">:<\/span> <span class=\"nx\">ExtractTextPlugin<\/span><span class=\"p\">.<\/span><span class=\"nx\">extract<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">style-loader<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">css-loader!sass-loader<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span> <span class=\"p\">},<\/span>\r\n            <span class=\"p\">{<\/span> <span class=\"na\">test<\/span><span class=\"p\">:<\/span> <span class=\"sr\">\/<\/span><span class=\"se\">\\.<\/span><span class=\"sr\">less$\/<\/span><span class=\"p\">,<\/span><span class=\"na\">loader<\/span><span class=\"p\">:<\/span> <span class=\"nx\">ExtractTextPlugin<\/span><span class=\"p\">.<\/span><span class=\"nx\">extract<\/span><span class=\"p\">(<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">style-loader<\/span><span class=\"dl\">\"<\/span><span class=\"p\">,<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">css-loader!less-loader<\/span><span class=\"dl\">\"<\/span><span class=\"p\">)<\/span> <span class=\"p\">},<\/span>\r\n            <span class=\"p\">{<\/span> <span class=\"na\">test<\/span><span class=\"p\">:<\/span> <span class=\"sr\">\/<\/span><span class=\"se\">\\.<\/span><span class=\"sr\">woff<\/span><span class=\"se\">(<\/span><span class=\"sr\">2<\/span><span class=\"se\">)?(\\?<\/span><span class=\"sr\">v=<\/span><span class=\"se\">[<\/span><span class=\"sr\">0-9<\/span><span class=\"se\">]\\.[<\/span><span class=\"sr\">0-9<\/span><span class=\"se\">]\\.[<\/span><span class=\"sr\">0-9<\/span><span class=\"se\">])?<\/span><span class=\"sr\">$\/<\/span><span class=\"p\">,<\/span> <span class=\"na\">loader<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">url-loader?limit=10000&amp;mimetype=application\/font-woff<\/span><span class=\"dl\">\"<\/span> <span class=\"p\">},<\/span>\r\n            <span class=\"p\">{<\/span> <span class=\"na\">test<\/span><span class=\"p\">:<\/span> <span class=\"sr\">\/<\/span><span class=\"se\">\\.(<\/span><span class=\"sr\">ttf|eot|svg<\/span><span class=\"se\">)(\\?<\/span><span class=\"sr\">v=<\/span><span class=\"se\">[<\/span><span class=\"sr\">0-9<\/span><span class=\"se\">]\\.[<\/span><span class=\"sr\">0-9<\/span><span class=\"se\">]\\.[<\/span><span class=\"sr\">0-9<\/span><span class=\"se\">])?<\/span><span class=\"sr\">$\/<\/span><span class=\"p\">,<\/span> <span class=\"na\">loader<\/span><span class=\"p\">:<\/span> <span class=\"dl\">\"<\/span><span class=\"s2\">file-loader<\/span><span class=\"dl\">\"<\/span> <span class=\"p\">}<\/span>\r\n        <span class=\"p\">]<\/span>\r\n    <span class=\"p\">}<\/span>\r\n\r\n<span class=\"p\">};<\/span>\r\n\r\n<span class=\"kd\">var<\/span> <span class=\"nx\">webpackMerge<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">require<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">webpack-merge<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\r\n<span class=\"nx\">module<\/span><span class=\"p\">.<\/span><span class=\"nx\">exports<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">webpackMerge<\/span><span class=\"p\">(<\/span><span class=\"nx\">webpackConfig<\/span><span class=\"p\">);<\/span>\r\n<\/code><\/pre>\n<h2>\u7f16\u8bd1\u5e76\u6267\u884c\u8be5\u4ee3\u7801<\/h2>\n<p>\u5728\u6839\u76ee\u5f55\u4e0b\u6267\u884c npm run webpack<\/p>\n<ol>\u5f53\u60a8\u5728 Visual Studio \u4e2d\u8fdb\u884c\u8c03\u8bd5\u65f6\uff0c\u5e94\u8be5\u4f1a\u663e\u793a\u201c\u6211\u7684\u7b2c\u4e00\u4e2a Angular 2 \u5e94\u7528\u7a0b\u5e8f\u201d\u3002<\/ol>\n<p>\u5982\u679c\u51fa\u73b0\u4e86\u5c31\u4ee3\u8868\u6210\u529f\u3002<\/p>\n<h3>\u66f4\u591a du\u014d)<\/h3>\n<ul class=\"post-ul\">\n<li style=\"list-style-type: none;\">\n<ul class=\"post-ul\">VisualStudio\u306e\u6a5f\u80fd\u3067\u30d3\u30eb\u30c9\u524d\u5f8c\u3084\u8d77\u52d5\u6642\u306bnpm\u30b3\u30de\u30f3\u30c9\u3092\u631f\u307f\u8fbc\u3093\u3060\u308a\u3067\u304d\u306e\u3067\u3001webpack\u30b3\u30de\u30f3\u30c9\u3092\u3069\u3053\u304b\u306b\u5165\u308c\u308b\u3068\u4fbf\u5229<\/ul>\n<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<ul class=\"post-ul\">webpack\u306e\u30b3\u30f3\u30d1\u30a4\u30eb\u304c\u9045\u3044\u306e\u3067webpack-dev-server\u3092\u5165\u308c\u308b\u3068\u4fbf\u5229<\/ul>\n<h2>\u4e0b\u6b21 or \u4e0b\u4e00\u6b21.<\/h2>\n<p>\u76ee\u524d\uff0c\u6211\u4ecd\u672a\u5f00\u59cb\u6d89\u8db3ASP.NET\u548cangular\u7684\u7ec4\u5408\u4f7f\u7528\uff0c\u4f46\u6211\u8ba1\u5212\u5728\u63a5\u4e0b\u6765\u7684\u5de5\u4f5c\u4e2d\u5904\u7406\u5b83\u4eec\u7684\u6574\u5408\uff0c\u4ee5\u53ca\u8fdb\u884cEntityFramework\u7684\u8bbe\u7f6e\u548c\u8ba4\u8bc1\u7b49\u65b9\u9762\u7684\u4efb\u52a1\u3002<\/p>\n<p>\u6211\u4e5f\u505a\u4e86EF\u7684\u8bbe\u7f6e\u3002<\/p>\n<p>\u6211\u975e\u5e38\u611f\u8c22\u516c\u5f0f\u6587\u4ef6\u7684\u5e2e\u52a9\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u521b\u5efa\u4e00\u4e2aASP.NET Core + Angular2\u5e94\u7528\u7a0b\u5e8f\uff08\u7b2c1\u90e8\u5206\uff09 \u4f5c\u4e1a\u4ed3\u5e93\u5728\u8fd9\u91cc \u51fa\u73b0\u7684\u4e8b\u7269 ASP [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-39008","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u8ba9\u6211\u4eec\u5c1d\u8bd5\u4f7f\u7528ASP.NET Core + angular2\uff08\u7b2c\u4e00\u90e8\u5206\uff09 - Blog - Silicon Cloud<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/zh\/blog\/\u8ba9\u6211\u4eec\u5c1d\u8bd5\u4f7f\u7528asp-net-core-angular2\uff08\u7b2c\u4e00\u90e8\u5206\uff09\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u8ba9\u6211\u4eec\u5c1d\u8bd5\u4f7f\u7528ASP.NET Core + angular2\uff08\u7b2c\u4e00\u90e8\u5206\uff09\" \/>\n<meta property=\"og:description\" content=\"\u521b\u5efa\u4e00\u4e2aASP.NET Core + Angular2\u5e94\u7528\u7a0b\u5e8f\uff08\u7b2c1\u90e8\u5206\uff09 \u4f5c\u4e1a\u4ed3\u5e93\u5728\u8fd9\u91cc \u51fa\u73b0\u7684\u4e8b\u7269 ASP [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/zh\/blog\/\u8ba9\u6211\u4eec\u5c1d\u8bd5\u4f7f\u7528asp-net-core-angular2\uff08\u7b2c\u4e00\u90e8\u5206\uff09\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-24T03:31:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-28T22:59:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d37e937434c4406c746fa\/7-0.png\" \/>\n<meta name=\"author\" content=\"\u65b0, \u97f5\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u65b0, \u97f5\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e8%ae%a9%e6%88%91%e4%bb%ac%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8asp-net-core-angular2%ef%bc%88%e7%ac%ac%e4%b8%80%e9%83%a8%e5%88%86%ef%bc%89\/\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e8%ae%a9%e6%88%91%e4%bb%ac%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8asp-net-core-angular2%ef%bc%88%e7%ac%ac%e4%b8%80%e9%83%a8%e5%88%86%ef%bc%89\/\",\"name\":\"\u8ba9\u6211\u4eec\u5c1d\u8bd5\u4f7f\u7528ASP.NET Core + angular2\uff08\u7b2c\u4e00\u90e8\u5206\uff09 - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\"},\"datePublished\":\"2023-05-24T03:31:10+00:00\",\"dateModified\":\"2024-04-28T22:59:43+00:00\",\"author\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/4ba4019495123db3038fd0809e6959c9\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e8%ae%a9%e6%88%91%e4%bb%ac%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8asp-net-core-angular2%ef%bc%88%e7%ac%ac%e4%b8%80%e9%83%a8%e5%88%86%ef%bc%89\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/zh\/blog\/%e8%ae%a9%e6%88%91%e4%bb%ac%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8asp-net-core-angular2%ef%bc%88%e7%ac%ac%e4%b8%80%e9%83%a8%e5%88%86%ef%bc%89\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e8%ae%a9%e6%88%91%e4%bb%ac%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8asp-net-core-angular2%ef%bc%88%e7%ac%ac%e4%b8%80%e9%83%a8%e5%88%86%ef%bc%89\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.silicloud.com\/zh\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u8ba9\u6211\u4eec\u5c1d\u8bd5\u4f7f\u7528ASP.NET Core + angular2\uff08\u7b2c\u4e00\u90e8\u5206\uff09\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/\",\"name\":\"Blog - Silicon Cloud\",\"description\":\"\",\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/4ba4019495123db3038fd0809e6959c9\",\"name\":\"\u65b0, \u97f5\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d484b6c6e4ae82e8a9efea989e1d2af46d9b6ef128101e63b18f559fca0ae627?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d484b6c6e4ae82e8a9efea989e1d2af46d9b6ef128101e63b18f559fca0ae627?s=96&d=mm&r=g\",\"caption\":\"\u65b0, \u97f5\"},\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/author\/yunxin\/\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e8%ae%a9%e6%88%91%e4%bb%ac%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8asp-net-core-angular2%ef%bc%88%e7%ac%ac%e4%b8%80%e9%83%a8%e5%88%86%ef%bc%89\/#local-main-organization-logo\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Blog - Silicon Cloud\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u8ba9\u6211\u4eec\u5c1d\u8bd5\u4f7f\u7528ASP.NET Core + angular2\uff08\u7b2c\u4e00\u90e8\u5206\uff09 - Blog - Silicon Cloud","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silicloud.com\/zh\/blog\/\u8ba9\u6211\u4eec\u5c1d\u8bd5\u4f7f\u7528asp-net-core-angular2\uff08\u7b2c\u4e00\u90e8\u5206\uff09\/","og_locale":"zh_CN","og_type":"article","og_title":"\u8ba9\u6211\u4eec\u5c1d\u8bd5\u4f7f\u7528ASP.NET Core + angular2\uff08\u7b2c\u4e00\u90e8\u5206\uff09","og_description":"\u521b\u5efa\u4e00\u4e2aASP.NET Core + Angular2\u5e94\u7528\u7a0b\u5e8f\uff08\u7b2c1\u90e8\u5206\uff09 \u4f5c\u4e1a\u4ed3\u5e93\u5728\u8fd9\u91cc \u51fa\u73b0\u7684\u4e8b\u7269 ASP [&hellip;]","og_url":"https:\/\/www.silicloud.com\/zh\/blog\/\u8ba9\u6211\u4eec\u5c1d\u8bd5\u4f7f\u7528asp-net-core-angular2\uff08\u7b2c\u4e00\u90e8\u5206\uff09\/","og_site_name":"Blog - Silicon Cloud","article_published_time":"2023-05-24T03:31:10+00:00","article_modified_time":"2024-04-28T22:59:43+00:00","og_image":[{"url":"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d37e937434c4406c746fa\/7-0.png"}],"author":"\u65b0, \u97f5","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"\u65b0, \u97f5","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"3 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e8%ae%a9%e6%88%91%e4%bb%ac%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8asp-net-core-angular2%ef%bc%88%e7%ac%ac%e4%b8%80%e9%83%a8%e5%88%86%ef%bc%89\/","url":"https:\/\/www.silicloud.com\/zh\/blog\/%e8%ae%a9%e6%88%91%e4%bb%ac%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8asp-net-core-angular2%ef%bc%88%e7%ac%ac%e4%b8%80%e9%83%a8%e5%88%86%ef%bc%89\/","name":"\u8ba9\u6211\u4eec\u5c1d\u8bd5\u4f7f\u7528ASP.NET Core + angular2\uff08\u7b2c\u4e00\u90e8\u5206\uff09 - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website"},"datePublished":"2023-05-24T03:31:10+00:00","dateModified":"2024-04-28T22:59:43+00:00","author":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/4ba4019495123db3038fd0809e6959c9"},"breadcrumb":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e8%ae%a9%e6%88%91%e4%bb%ac%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8asp-net-core-angular2%ef%bc%88%e7%ac%ac%e4%b8%80%e9%83%a8%e5%88%86%ef%bc%89\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/zh\/blog\/%e8%ae%a9%e6%88%91%e4%bb%ac%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8asp-net-core-angular2%ef%bc%88%e7%ac%ac%e4%b8%80%e9%83%a8%e5%88%86%ef%bc%89\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e8%ae%a9%e6%88%91%e4%bb%ac%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8asp-net-core-angular2%ef%bc%88%e7%ac%ac%e4%b8%80%e9%83%a8%e5%88%86%ef%bc%89\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.silicloud.com\/zh\/blog\/"},{"@type":"ListItem","position":2,"name":"\u8ba9\u6211\u4eec\u5c1d\u8bd5\u4f7f\u7528ASP.NET Core + angular2\uff08\u7b2c\u4e00\u90e8\u5206\uff09"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website","url":"https:\/\/www.silicloud.com\/zh\/blog\/","name":"Blog - Silicon Cloud","description":"","inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/4ba4019495123db3038fd0809e6959c9","name":"\u65b0, \u97f5","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d484b6c6e4ae82e8a9efea989e1d2af46d9b6ef128101e63b18f559fca0ae627?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d484b6c6e4ae82e8a9efea989e1d2af46d9b6ef128101e63b18f559fca0ae627?s=96&d=mm&r=g","caption":"\u65b0, \u97f5"},"url":"https:\/\/www.silicloud.com\/zh\/blog\/author\/yunxin\/"},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e8%ae%a9%e6%88%91%e4%bb%ac%e5%b0%9d%e8%af%95%e4%bd%bf%e7%94%a8asp-net-core-angular2%ef%bc%88%e7%ac%ac%e4%b8%80%e9%83%a8%e5%88%86%ef%bc%89\/#local-main-organization-logo","url":"","contentUrl":"","caption":"Blog - Silicon Cloud"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/39008","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/comments?post=39008"}],"version-history":[{"count":2,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/39008\/revisions"}],"predecessor-version":[{"id":83747,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/39008\/revisions\/83747"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/media?parent=39008"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/categories?post=39008"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/tags?post=39008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}