假設你的項目由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 等的插件