angular-cli.json.įollow these steps when you are integrating bootstrap with generated project with angular-cli latest version. So you don't need to include in the scripts section in your. Ng-bootstrap is to completely replaced JavaScript implementation for components. No Need to use jquery and popper.js dependencies. The only dependency required to work with this is bootstrap. Now with new ng-bootstrap 1.0.0-beta.5 version supports most of the native Angular directives based on Bootstrap's markup and CSS. This seems to be the most consistent behavior by far
Keep in mind ngx-bootstrap supports both versions. This line installs Bootstrap 3 nowadays, but can install Bootstrap 4 in the future. Install ngx-bootstrap and bootstrap: npm install ngx-bootstrap bootstrap -save
If your angular-cli version is greater than 1.0.0-beta.11-webpack, then you should follow these steps: 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)',
0 kommentar(er)
