1. 首先確保你的node_module中安裝了jquery 或者 bootstrap,如果沒有
執行以下命令
npm install jquery --save-dev
2. 打開angular-cli.json文件夾,在scripts:[]屬性中添加如下代碼
//jQuery 文件或者 bootstrap 文件路徑 "../node_modules/jquery/dist/jquery.min.js", "../node_modules/bootstrap/dist/js/bootstrap.min.js"
3. 如果需要引用全局jquery 或者bootstrap樣式,則做如下操作
//找到style.css文件 寫入全局樣式 //或者做如下引入 /***導入需要的bootstrap文件***/ @import "~bootstrap/dist/css/bootstrap.min.css";
4. 在typing.d.ts文件中聲明模塊兒
/* SystemJS module definition */ declare var module: NodeModule; declare var JQuery: any; declare var jQuery: any; declare var $: any;
5. 以上配置完成后,jquer 或者bootstrap 就可以正常使用了