关于Vue+Webpack引入Jquery第三方插件,出现jquery is undefined的问题

最近接到关于网站SEO的需求，于是用了vue-ssr,发现引入的第三方插件后出现了jquery is undefined。

一般的webpack配置不能解决这个问题，于是找了相关资料，发现借助expose-loader就可以完美解决。

webpack.base.conf.js

 module: {
        rules: [{
          test: require.resolve('jquery'),
          loader: 'expose-loader?jQuery!expose-loader?$' //写在第一个
        },
        {
            test: /\.vue$/,
            loader: 'vue-loader',
            options: vueLoaderConfig
          }]

}

main.js

import $ from 'expose-loader?$!jquery'

 

参考链接 https://blog.csdn.net/qq129169/article/details/71734863