jquery – 如何将bootstrap 3添加到基于Angular2 webpack的项目中

前端之家收集整理的这篇文章主要介绍了jquery – 如何将bootstrap 3添加到基于Angular2 webpack的项目中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经为 jquery&安装了npm包. bootstrap,然后将进口添加到vendor.ts,但我仍然没有在浏览器上显示任何引导样式.
...
import 'jquery/dist/jquery.js'

import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap/dist/js/bootstrap.js';
...

我也尝试在webpack.common.js中添加另一个条目,但这也没有帮助.

entry: {
    'bootstrap': './node_modules/bootstrap/dist/css/bootstrap.min.css','polyfills': './src/polyfills.ts','vendor': './src/vendor.ts','main': './src/main.browser.ts'
}

任何帮助将不胜感激,谢谢.

解决方法

您可以使用其中一个可用的角度种子项目.
例如这一个 https://github.com/preboot/angular2-webpack

要安装bs,只需运行npm install jquery bootstrap –save

然后将以下内容添加到vendor.ts

import 'jquery';
import 'bootstrap/dist/js/bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';

并将以下内容添加到wepback.common.js

plugins:[
    .....
    .....,new webpack.ProvidePlugin({   
        jQuery: 'jquery',$: 'jquery',jquery: 'jquery'
    })
]

有关详细信息,请查看以下链接中的第4条评论
@L_502_2@

为我工作.我曾经抱怨jquery没找到,但它解决了我的问题.

猜你在找的jQuery相关文章