Navigation

    Quasar Framework

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Add .css file from node_modules folder

    Framework
    2
    2
    574
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • R
      reath last edited by

      I want to embed this component in my quasar project: https://github.com/gruhn/vue-qrcode-reader

      I installed it via yarn and while reading the docs I came accross this warning:

      ⚠️ A css file is included when importing the package. You may have to setup your bundler to embed the css in your page.

      The CSS file is in node_modules/vue-qrcode-reader/dist. Since I’m not familiar with WebPack I was wondering how is the RIGHT way to import this css? Should I copy it to my css folder and include it in the quasar.conf -> css array, or there is a better way?

      1 Reply Last reply Reply Quote 0
      • Hawkeye64
        Hawkeye64 last edited by

        I usually end up importing css like that in my page/component script tag. Here is a couple of examples from components:
        import 'font-awesome-animation/dist/font-awesome-animation.min.css'
        import 'vue-plyr/dist/vue-plyr.css'

        1 Reply Last reply Reply Quote 1
        • First post
          Last post