Full success version VUE-CLI introduced jquery bootstrap popper.js

First step: In the project folder

1, install jquery bootstrap popper.js with NPM or CNPM

For example: CNPM i jquery-s (note that big S can be saved in the Package.json file)

2, observe that there are three items in the Package.json file.

" Bootstrap": "^4.1.3", " jquery": "^3.3.1", " popper.js": "^1.14.4",

Step Two:

Modify the configuration in the Webpack.base.conf.js file under the Build folder:

1, added: const WEBPACK = require (' Webpack ');

2, add plugins inside the Module.exports

module.exports = {plugins: [New Webpack.optimize.CommonsChunkPlugin (' Common '),new Webpack. Provideplugin ({$: ' jquery ',jquery: ' jquery ',Popper: [' popper.js ', ' Default ']})], Step Three: Introduce the following file in Main.js import $ From ' jquery ' import ' Bootstrap/dist/css/bootstrap.min.css ' import ' Bootstrap/dist/js/bootstrap.min ' Next, you can use the Bootstrap class style name.

Full success version VUE-CLI introduced jquery bootstrap popper.js