VS 2017 更新 3 - .Net Core 2 SPA - Angular |如何扩展模板并添加自定义 CSS 和 JS
VS 2017 Update 3 - .Net Core 2 SPA - Angular | How to expand the template and add custom CSS and JS
我对 WebPack 有点陌生，Angular 4。我看过很多介绍新模板的文章，但 none 其中 walk-though 介绍了如何在real-world 应用程序，我看到一些 post 为每个 angular 组件定义自定义 CSS 并导入或要求它使用它。我认为我的情况不同（也许我错了）。
使用模板的第一步是创建我的布局 HTML，它基于 limitless 模板，limitless 使用了很多第 3 方 JS 库，例如 Ace、Beautify、BlockUI 、Pace 等以及至少几个 CSS 文件和自定义 JS 文件以使模板正常工作。我知道我应该将 UI 分解为 header、nav-bar 等组件。但我稍后会担心。
我有很多问题，而且都与 what\how\where（基础）有关！
Package.json
1：依赖和devDependence有什么区别？
2：如果我要使用moment、underscore、ace或任何供应商的JS库，我应该将其添加到依赖还是devDependence？
Webpack.config
3：我认为下一步是将这些包添加到 webpack.config.vendor.js 但添加到 treeShakableModules 或 nonTreeShakableModules 有什么区别？
4: 如何在我的应用程序中使用这些包？我尝试从浏览器控制台使用 moment() ，我了解到这些库要导出到全局，WebPack 这样做的方式是通过定义插件 new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }) 我试着对片刻或下划线做同样的事情，但仍然没有用。
5- 我应该把我的自定义 CSS 和 JS 放在 ClientApp\assets 里面的什么地方？当我在 运行 webpack 之后添加它们时，我搜索了捆绑文件，但找不到我的自定义 JS 和 CSS.
6- 基本上自定义 CSS 和 JS 将被 _Layout.chtml 使用，它们应该是全局的，以便所有其他组件使用它们，所以我如何在 _layout 和其他 angular 个组件？
对不起，我问了很多问题，也许你可以回答部分或全部，或者直接给我一个教程，post 在线扩展 VS 模板，并添加更多功能, 解释模板的各个方面，而不是对模板进行有限的介绍。
非常感谢你。
1.In packages.json dependancies 用于发布最终的应用程序，而 devdependancis 在开发时是额外的。
2.dependence
3.treeShakableModules 是在发布时删除了很多代码的模块
4.no 想法
5. 我也在寻找答案，你也可以使用 wwwroot 来放置自定义 css 并将其作为 link
添加到 header
- 转到 5
我最终使用了 Angular CLI，MS SPA 模板并不直接，需要大量工作才能正常工作
我对 WebPack 有点陌生，Angular 4。我看过很多介绍新模板的文章，但 none 其中 walk-though 介绍了如何在real-world 应用程序，我看到一些 post 为每个 angular 组件定义自定义 CSS 并导入或要求它使用它。我认为我的情况不同（也许我错了）。
使用模板的第一步是创建我的布局 HTML，它基于 limitless 模板，limitless 使用了很多第 3 方 JS 库，例如 Ace、Beautify、BlockUI 、Pace 等以及至少几个 CSS 文件和自定义 JS 文件以使模板正常工作。我知道我应该将 UI 分解为 header、nav-bar 等组件。但我稍后会担心。
我有很多问题，而且都与 what\how\where（基础）有关！
Package.json
1：依赖和devDependence有什么区别？
2：如果我要使用moment、underscore、ace或任何供应商的JS库，我应该将其添加到依赖还是devDependence？
Webpack.config
3：我认为下一步是将这些包添加到 webpack.config.vendor.js 但添加到 treeShakableModules 或 nonTreeShakableModules 有什么区别？
4: 如何在我的应用程序中使用这些包？我尝试从浏览器控制台使用 moment() ，我了解到这些库要导出到全局，WebPack 这样做的方式是通过定义插件 new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery" }) 我试着对片刻或下划线做同样的事情，但仍然没有用。
5- 我应该把我的自定义 CSS 和 JS 放在 ClientApp\assets 里面的什么地方？当我在 运行 webpack 之后添加它们时，我搜索了捆绑文件，但找不到我的自定义 JS 和 CSS.
6- 基本上自定义 CSS 和 JS 将被 _Layout.chtml 使用，它们应该是全局的，以便所有其他组件使用它们，所以我如何在 _layout 和其他 angular 个组件？
对不起，我问了很多问题，也许你可以回答部分或全部，或者直接给我一个教程，post 在线扩展 VS 模板，并添加更多功能, 解释模板的各个方面，而不是对模板进行有限的介绍。
非常感谢你。
1.In packages.json dependancies 用于发布最终的应用程序，而 devdependancis 在开发时是额外的。
2.dependence
3.treeShakableModules 是在发布时删除了很多代码的模块
4.no 想法 5. 我也在寻找答案，你也可以使用 wwwroot 来放置自定义 css 并将其作为 link
添加到 header- 转到 5
我最终使用了 Angular CLI，MS SPA 模板并不直接，需要大量工作才能正常工作