美文网首页
vue-cli引入jquery和lodash等(vue cli

vue-cli引入jquery和lodash等(vue cli

作者: WWWWWWWWWWWWWWM | 来源:发表于2019-12-11 20:36 被阅读0次

    引入jQuery

    *首先npm install jquery --save

    • 在webpack.base.conf文件的module.exports里面插入
     plugins:[
        new webpack.optimize.CommonsChunkPlugin('common.js'), 
        new webpack.ProvidePlugin({
             jQuery: "jquery",
             $: "jquery"
        })
     ],
    

    这样就可以直接使用jquery了

    引入lodash

    • 首先npm install lodash --save
    • 在main.js文件引入import _ from "lodash"
    • 最后 Vue.prototype._ = _

    引入axios

    • 首先npm install axios --save
    • 在main.js文件引入import axios from "axios"
    • 最后 Vue.prototype.$http = axios

    引入bootstrap

    • 首先npm install bootstrap --save
    import 'bootstrap/dist/css/bootstrap.min.css'
    import 'bootstrap/dist/js/bootstrap.min.js'
    
    • 这时候会报错,因为需要Popper依赖,因此再下载npm install popper.js --save
    • 这时候一般就好了,如果不好可以尝试在webpack.base.conf文件的module.exports里面插入
    plugins: [
        new webpack.ProvidePlugin({
          $:"jquery",
          jQuery:"jquery",
          "windows.jQuery":"jquery",
          Popper: ['popper.js', 'default'],
        })
      ],
    

    相关文章

      网友评论

          本文标题:vue-cli引入jquery和lodash等(vue cli

          本文链接:https://www.haomeiwen.com/subject/qouagctx.html