Update : 1.0.0-beta.11-webpack or above versionsįirst of all check your angular-cli version with the following command in the terminal: ng -v

Ngx-bootstrap supports both Angular 3 and 4. IMPORTANT UPDATE: ng2-bootstrap is now replaced by ngx-bootstrap Use a CDN ? but we would rather serve these files to guarantee that they will be availableĬopy dependencies to dist/vendor after our ng build -prod ? But that seems like something angular-cli should provide since it 'takes care' of the build part ?Īdding jquery, bootstrap and tether in src/system-config.ts and somehow pull them into our bundle in main.ts ? But that seemed wrong considering that we are not going to explicitly use them in our application's code (unlike moment.js or something like lodash, for example). We had the following thoughts but we don't really know which way to go. loading bootstrap scripts) in a project generated with angular-cli ? How we are intended to handle such scenario (i.e. This worked fine with ng serve but as soon as we produced a build with -prod flag all these dependencies disappeared from dist/vendor (surprise !).

We want to use bootstrap 4 (4.0.0-alpha.2) in our app generated with angular-cli 1.0.0-beta.5 (w/ node v6.1.0).Īfter getting bootstrap and its dependencies with npm, our first approach consisted in adding them in angular-cli-build.js: 'bootstrap/dist/**/*.min.+(js|css)',

Bootstrap 4 studio