vue-cli 3.x版本項目引入jQuery

  • 2019 年 10 月 6 日
  • 筆記

看了一些相關資料,在使用npm安裝jQuery後,大部分都是說需要在build文件夾下的webpack.base.conf.js文件中配置,但是我的項目下沒有build文件夾,查詢得知在vue-cli新版中已經移除了build文件夾

查閱官方文檔,webpack相關配置可在根目錄下的vue.config.js中配置(如果沒有可新建)。因此最後配置如下:

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