在vue-cli项目中引入jQuery和bootstrap

        最近想用vue+jquery+bootstrap做一个项目,刚开始不知道怎么引入jQuery和bootstrap,弄了小半天,终于弄好了,特此记载一下过程

        1、首先,安装jQuery

            npm install jquery --save

        2、 然后在build/webpack.base.config.js中添加以下代码

            var webpack = require('webpack')

        3、然后在module中添加以下代码

            plugins: [
                new webpack.ProvidePlugin({
                  $: "jquery",
                  jQuery: "jquery",
                  jquery: "jquery",
                  "window.jQuery": "jquery"
                })

             ]

            

        4、在main.js中引入jQuery

            import $ from 'jquery'

        5、安装bootstrap

            npm install bootstrap --save

        6、在main.js中引入bootstrap相关文件

            import 'bootstrap/dist/css/bootstrap.min.css'

            import 'bootstrap/dist/js/bootstrap.min.js'

            

        最后,重启服务器

        注意:我重启服务器之后,有报错,提示安装popper.js,安装即可,然后就可以正常启动了

猜你喜欢

转载自blog.csdn.net/xuefeng11111/article/details/80215364