07、第三方js库处理

const path = require('path');
const webpack = require('webpack');

module.exports = {
    entry : './src/main.js',
    output : {
        path : path.resolve(__dirname, 'dist'),
        filename : 'main.js'
    },
    module:{
        rules : 
        [
            {
                test : /\.less$/,
                use : ['style-loader','css-loader', 'less-loader']
            },
        ]
    },
    //第一步设置jquery的文件路径
    resolve : {
        alias : {
            jQuery : path.resolve(__dirname, "src/js/jquery-3.4.1.min.js")
        }
    },
    //第二步使用webpack的插件功能
    plugins : [
        new webpack.ProvidePlugin({
            jQuery : "jQuery"
        })
    ]
}

使用

jQuery(function(){
    console.log('webpack4');
});

这里的jQuery是

这里的key，这里也可以改成$