webpack4 引入jquery

1、安装expose-loader

npm install --save expose-loader

2、在webpack.config中加入下面这段loader代码

{
   test: require.resolve(‘jquery‘),
   use: [{
      loader: ‘expose-loader‘,
      options: ‘jQuery‘
   },{
      loader: ‘expose-loader‘,
      options: ‘$‘
   }]
}

 

import React from ‘react‘

require(‘jquery‘)
require(‘jQuery第三方插件‘)

class Components extends React.Component {
    constructor(props) {
        super(props)
    }
    componentDidMount() {
         $(document).ready(function() {
            //做爱做的事情
        })
    }
}

 

发现没效果

 

结果发现

npm install jquery --save 

import $ from "jquery"

就可以

 
参考
http://www.mamicode.com/info-detail-2246752.html
https://www.cnblogs.com/leilei-frontEnd/p/6828292.html
https://blog.csdn.net/zxl1990_ok/article/details/90049305
https://segmentfault.com/a/1190000006887523