vue腳手架如何導入jquery第三方插件

vue鷹架導入jquery第三方插件的方法：1、下載jquery；2、編輯webpack.base.conf.js文件，引入webpack，並配置jquery插件；3、在入口文件中輸入【import $ from 'jquery'】。

本教學操作環境：windows10系統、vue2.9版，此方法適用於所有品牌電腦。

（學習影片分享：javascript影片教學）

1、下載jquery

npm install jquery --save

2、開啟build資料夾下的webpack.base. conf.js檔案：

（1）在最上方引入webpack

 var webpack=require('webpack')

（2）在module.exports裡配置JQuery插件：

plugins: [ 
           new webpack.ProvidePlugin({ 
                 $:"jquery", 
                 jQuery:"jquery", 
                "windows.jQuery":"jquery"
        }) 
      ],

3、在入口文件main.js中輸入

import $ from 'jquery'

4、測試使用

#相關推薦：vue.js教學

#

以上是vue腳手架如何導入jquery第三方插件的詳細內容。更多資訊請關注PHP中文網其他相關文章！