在Vue的開發專案裏,
我是使用 Webpack-simple 的方式來打包程式,
而網路上大部份都是分享Webpack如何引入jQuery,
這篇是來分享如何使用Webpack-simple的方式來引入jQuery。
1、下載jQuery
在專案目錄下安裝jQuery。
1 |
<span style="background-color:#eeeeee;"> npm install --save-dev jquery </span> |
安裝完成後可以在package.json檔案中看到jquery的安裝版本,如下圖。
2. 修改config配置
在專案目錄下的 webpack.config.js 加入下方設定,加入的區塊如下圖。
1 |
<span style="background-color:#eeeeee;"> 'jquery': 'jquery/dist/jquery.min.js' </span> |
3. 程式中引用jQuery
在開發的檔案頁面裏直接引入jquery。
1 |
<span style="background-color:#eeeeee;"> import $ from 'jquery' </span> |
引入後,在程式就可以使用jQuery。
作者: winnie