module.exports = $; $ is not defined

https://blog.csdn.net/weixin_43945983/article/details/88294052

 

解决方案：安装依赖包
1.执行安装jquery依赖包命令

    cnpm install jquery --save
1
2.webpack配置
（1）.在项目根目录下的build目录下找到webpack.base.conf.js文件，在开头使用以下代码引入webpack，因为该文件默认没有引用

var webpack = require('webpack')
1
(2)然后在module.exports中添加一段代码，

 plugins: [ 
    new webpack.optimize.CommonsChunkPlugin('common.js'),
    new webpack.ProvidePlugin({
      jQuery: "jquery",
      $: "jquery" 
    }) 
  ]

3.在main.js里导入jQuery

import 'jquery'
1
4.配置完成，启动项目

npm run dev
1
注：如果项目中引用了.eslintrc.js文件，还需要在文件的module.exports中，为env添加一个键值对 jquery: true

    env: {
      // 原有
      browser: true,
      // 添加
      jquery: true
    }
然后启动项目即可。


————————————————
版权声明：本文为CSDN博主「危险、」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_43945983/java/article/details/88294052