webpack 引入jquery为什么显示undefined？

Question

我找了网上两种加载jquery的方法，
出现的问题是我的js文件里面用$或者window.$都是undefined，但是在浏览器的console窗体中就是window.$就是存在的，请教下这个加载顺序是不是问题，怎么修改这个加载顺序问题

Answer 1

yarn add jquery -D

方法一：
import $ from 'jquery';

方法二：
new webpack.ProvidePlugin({
  //帮助我们全局注册,在使用的地方就不要单独引入了
  $: 'jquery',
  jQuery: 'jquery',
  jquery: 'jquery',
  'windows.jQuery': 'jquery',
})