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