webpcak4.0 jquery的引用两种方法

yarn add jquery

方法一

// import $ from 'expose-loader?$!jquery';
// yarn add expose-loader 引用jquery方法一

方法二

1. 正常引入jquery

import $ from 'jquery';// yarn add expose-loader

2. 在webpack.config.js下面的module下的rules下添加如下代码

{
   test: require.resolve('jquery'),
   use: 'expose-loader?$'
 },

方法三直接把jquery打包到每个模块

let webpack = require("webpack");//webpack 处理jquery的引用
//在webpack.config.js下的plugins下添加插件模块下可以直接$调用
new webpack.ProvidePlugin({//在每个模块中都注入jquery
            $: 'jquery'
        }),

方法四 html引用jquery index.js也引用import $ from ‘jquery’;需要在webpack.config.js下处理让模块中不再引用jquery

externals: {
        jquery: '$'
    },