在 assets文件夹下面新建文件 directive.js，里面需要引入 store 里面的数据，然后在 directive.js中会定义多个指令 如：

import Vue from 'vue';
import state from "../../store/state";

const DRAG = Vue.directive();
const JURISDICTION = Vue.directive();

export { DRAG, JURISDICTION };

请问在main.js中应该怎么使用？

还有其他的更好的方式定义多个全局指令吗？

谢谢

应该是需要引入fs模块获取指定文件夹下的文件，然后在赋值给vue吧

使用webpack的require.context函数

// directives/
//   index.js
//   drag.js

// index.js
const files = require.context('./', false, /\.js$/)
files.keys().filter(item=>item!=='./index.js').forEach(item => files(item))

/*----------------------------------------*/

// drag.js
import Vue from 'vue';

Vue.directive('drag', {});

/*----------------------------------------*/

// main.js
// ...
import './directives'
// ...