在Vue项目里正确地引用jQuery插件

最新推荐文章于 2024-09-19 21:38:15 发布

HeliumLau

最新推荐文章于 2024-09-19 21:38:15 发布

阅读量3w

点赞数 3

分类专栏： Vue

Vue 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

正文

1.安装jquery依赖

npm install jquery --save

2.修改两处配置文件

module.exports = {
   // 其他代码...
   resolve: {
      extensions: ['', '.js', '.vue'],
      fallback: [path.join(__dirname, '../node_modules')],
      alias: {
          'src': path.resolve(__dirname, '../src'),
          'assets': path.resolve(__dirname, '../src/assets'),
          'components': path.resolve(__dirname, '../src/components'),

          // webpack 使用 jQuery，如果是自行下载的
          // 'jquery': path.resolve(__dirname, '../src/assets/libs/jquery/jquery.min'),
          // 如果使用NPM安装的jQuery
          'jquery': 'jquery' 
      }
   },

   // 增加一个plugins
   plugins: [
      new webpack.ProvidePlugin({
          $: "jquery",
          jQuery: "jquery"
      })
   ],

   // 其他代码...
}