$ is not defined at eval

原创于 2022-10-21 10:42:04 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

vue 专栏收录该内容

17 篇文章

订阅专栏

该博客介绍了如何在Webpack配置文件中添加CommonsChunkPlugin和HtmlWebpackPlugin来优化项目，同时引入jQuery。通过在plugins部分添加相关代码，可以将jQuery作为公共库提取出来，并确保在重启项目后正常运行。此外，还提到了通过npm安装jQuery并将其保存为依赖的步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 找到webpack.config.js文件

2. 在module.exports中的plugins添加一段代码

plugins: [
    new webpack.optimize.CommonsChunkPlugin({
      names: ['vendor', 'manifest']
    }),
    new HtmlWebpackPlugin({
      template: 'src/index.html'
    }),
    new webpack.ProvidePlugin({
      jQuery: "jquery",
      $: "jquery" 
    }) 
  ]

3.重启项目后还是不可以需要在终端输入： npm install jquery --save ，执行下就可以了