webpack引入jQuery

1. 本地文件引入

配置

const webpack=require('webpack');

module.exports={
    resolve:{
        alias:{
            //絕對路徑
            jQuery:path.resolve(__dirname,'src/js/libs/jquery.min.js')
        }
    },
    plugins:[
        new webpack.ProvidePlugin({
            $:"jQuery"
        })
    ]
}

使用

index.js

$(document).ready(function() {
    console.log("success");
})

---

2. 通過npm引入

安裝

npm install  jquery --save-dev

使用

index.js

import $ from 'jquery'

$(document).ready(function() {
    console.log("success");
})