Vue loader - 为所有组件全局导入 jquery

Posted 2023-02-22

【中文标题】Vue loader - 为所有组件全局导入 jquery

【英文标题】：Vue loader - import jquery globally for all components

【发布时间】：2017-10-25 23:50:57

【问题描述】：

我正在使用 vue-loader 单文件组件。 当我想在特定组件中使用 jquery 时，我使用以下代码：

import $ from 'jQuery'

如何为所有组件全局导入 jquery？就像我在 main.js 中导入 vue 组件一样，例如

import Vuex from 'vuex'
Vue.use(Vuex)

这种方法不能与 jquery 一起使用。

【问题讨论】：

看看这个：***.com/questions/37928998/…

【参考方案1】：

你应该使用expose-loader 使其成为全球性的。

对于 webpack v2，添加到 webpack 规则

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