jquery - 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: '$'
   }]
}