美文网首页
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