Vue加载器 - 为所有组件全局导入jquery

Question

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

import $ from 'jQuery'

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

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

这个apporoach hovewer不能与jquery一起使用。

Answer 1

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

webpack v2 ，添加到webpack规则

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