Batch introduction of vue instructions

like components , create a directives folder in the project directory to store instruction files;
an instruction is a file, and the introduction of main.js files can achieve global introduction;
although many cases are introduced on demand, but want to know how to batch global introduction?

Javascript
Mar.23,2021

batch global import instructions, which can be registered through forEach traversing Vue.directive 

import * as directives from './directives'
// 
Object.keys(directives).forEach(k => Vue.directive(k, directives[k]))

this article can help you understand global instruction wrapper
https://codeshelper.com/a/11.

import Vue from 'vue'

// https://webpack.js.org/guides/dependency-management/-sharprequire-context
const requireDirective = require.context(
  // 
  './directives',
  // 
  false,
  // js
  /.+\.js$/
)

// 
requireDirective.keys().forEach(fileName => {
  // 
  const directiveConfig = requireDirective(fileName)

  const directiveName = fileName
        //  './'
        .replace(/^\.\//, '')
        // 
        .replace(/\.\w+$/, '');
 
  // , 
  Vue.directive(directiveName, directiveConfig.default || directiveConfig)
})

Previous: How does vue-awesome-swiper initialize the options property in mounted?

Next: Jenkins adds a parameter as a tag when building the project, and after the build is complete, js can read this parameter. Can this jenkins do that?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu