如何包括VUE JS插件和導入CSS文件的WebPack

Question

我已經包含插件和他們的css文件中main.js： -

import Vue from 'vue' 
 
import App from './App' 
 
import router from './router' 
 
import 'moment' 
 
import 'jquery' 
 
import 'bootstrap' 
 
import BootstrapDatePicker from 'vue-bootstrap-datetimepicker' 
 

 
import vueMultiSelect from 'vue-multiselect' 
 
import VueFormGenerator from 'vue-form-generator' 
 

 
import 'bootstrap/dist/css/bootstrap.css' 
 
import 'bootstrap-vue/dist/bootstrap-vue.css' 
 
import 'vue-multiselect/dist/vue-multiselect.min.css' 
 

 
import 'eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css' 
 
import 'vue-form-generator/dist/vfg.css' 
 

 
Vue.config.productionTip = false 
 
Vue.use({vueMultiSelect, VueFormGenerator}) 
 
Vue.component(BootstrapDatePicker) 
 
Vue.component('multiselect', vueMultiSelect.default) 
 
Vue.component('vue-form-generator', VueFormGenerator.component) 
 

 
/* eslint-disable no-new */ 
 
new Vue({ 
 
    el: '#app', 
 
    router, 
 
    template: '<App/>', 
 
    components: { App } 
 
})

但我不知道如果這是正確的方式這樣做。 作爲，當我試圖使用jQuery或其他變量的一些組件，我不得不再次將其導入

Answer 1

如果要導入和使用Vue公司庫，而無需重新聲明使用Vue的原型：

Vue.prototype.$moment = require('moment') 

那麼你的組件的內部：

method: { 
    action() { 
    let date = this.$moment() 
    } 
} 

你可以閱讀更多有關實例屬性在這裏：

https://vuejs.org/v2/cookbook/adding-instance-properties.html