只使用jquery：

1.??cnpm install jquery --save

2.? ?cnpm install @types/jquery --save-dev (不使用ts的不需要安裝此聲明文件)

3.在使用jquery的文件中：??import $ from 'jquery';

----------以上便可以在項目中使用jQuery，線面講解如何在項目中使用jquery的第三方插件 --------

?

以jquery-caret為例

?

1. 按上面步驟安裝完jquery后，修改webpack配置文件build/webpack.base.conf.js

... var webpack = require("webpack") module.exports = {...resolve: {extensions: ['.js', '.vue', '.json'],modules: [resolve('src'),resolve('node_modules')],alias: {'vue$': 'vue/dist/vue.common.js','src': resolve('src'),'assets': resolve('src/assets'),'components': resolve('src/components'),// 1. 定義別名和插件位置'jquery': 'jquery' }},plugins: [...,// 2. 配置全局使用 jquery，這里一定要有，因為jQuery第三方插件基于jquery，如果這里不提供，那么使用第三方插件則會報錯new webpack.ProvidePlugin({$: "jquery",jQuery: "jquery",// jquery: "jquery",//"window.jQuery": "jquery"})] }

?

2. 安裝第三方插件：cnpm install jquery-caret --save

? 并在main.ts中引入

import caret from "jquery-caret" Vue.use(caret)

??

3. 然后就可以在需要的地方使用了

?

轉載于:https://www.cnblogs.com/XHappyness/p/7682266.html

總結

以上是生活随笔為你收集整理的vue-cli配置jquery 以及jquery第三方插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。