How to include plugins and import css file in vue js webpack

Question

I have included plugins and their css files in 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 }
})

But I dunno if this is right way to do so. As, when i am trying to use jQuery or other variable in some component, I have to import them again

tony19 · Accepted Answer · 2022-07-15 02:02:41Z

1

If you want to import and use a library in Vue without having to redeclare use the Vue prototype:

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

Then inside of your Component:

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

You can read more about Instance Properties here:

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

edited Jul 15, 2022 at 2:02

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Jun 30, 2017 at 16:33

Nijikokun

1,5241 gold badge15 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to include plugins and import css file in vue js webpack

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related