如何在Vue項目中引入jQuery?


假設你的項目由vue-cli初始化 (e.g. vue init webpack my-project).

在你的vue項目目錄下執行:

npm install jquery --save-dev

打開 build/webpack.base.conf.js 文件並添加 plugins:

module.exports = {
  plugins: [
    new webpack.ProvidePlugin({
      $: 'jquery',
      jquery: 'jquery',
      'window.jQuery': 'jquery',
      jQuery: 'jquery'
    })
  ]
  ...
}

在文件頂部添加

const webpack = require('webpack')

如果你有在使用eslint, 打開 .eslintrc.js  文件添加 global 項

module.exports = {
  globals: {
    "$": true,
    "jQuery": true
  },
  ...

現在你可以在vue項目中隨意使用$了

PS: 此方法不需要額外的類似 expose loader 等的插件


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM