­

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'          })        ]      }  }