Question

我的Angular2项目中需要boostrap。 css和js文件。我如何在项目中包含这个以使webpack工作？在带有systemjs的版本中，它包含在index.html中，如下所示：

<link rel="stylesheet" href="node_modules\bootstrap\dist\css\bootstrap.css">
<link rel="stylesheet" href="assets\css\emersy.css">


<script src="node_modules/jquery/dist/jquery.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.js"></script>

我如何使用webpack执行此操作？我应该使用vendor.js还是其他什么？或者我应该只将此资源复制到资产文件夹并链接此资源吗？

Answer 1

在这里办理登机手续 https://github.com/AngularClass/angular2-webpack-starter/issues/696 或使用基于webpack的工具创建角度应用程序 https://angular.io/docs/ts/latest/guide/webpack.html

Answer 2

我认为您可以查看类似https://github.com/shakacode/bootstrap-loader

的内容

您还可以通过单独的vendor.js包含引导程序和其他一些库（例如jquery）。这是webpack的插件：https://www.npmjs.com/package/webpack-vendor-chunk-plugin

我应该如何在Webpack和Angular2项目中包含Boostrap

2 个答案: