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