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

Question

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

import $ from 'jQuery'

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

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

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

Answer 1

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

对于 webpack v2，添加到 webpack 规则

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