[{"data":1,"prerenderedAt":109},["ShallowReactive",2],{"site-info":3,"\u002Fwriting\u002Fimporting-global-libraries-into-vue-cli-the-clean-way":55},{"id":4,"title":5,"baseTitle":6,"body":7,"city":14,"description":11,"extension":15,"firstName":16,"lastName":17,"meta":18,"navigation":19,"path":35,"resumeUrl":36,"role":37,"seo":38,"socialLinks":39,"state":52,"stem":53,"__hash__":54},"siteInfo\u002Fsite-information.md","Site Information","| Front-End Software Engineer | Cincinnati, OH",{"type":8,"value":9,"toc":10},"minimark",[],{"title":11,"searchDepth":12,"depth":12,"links":13},"",2,[],"Cincinnati","md","Dave","Berning",{},[20,23,26,29,32],{"name":21,"to":22},"About","\u002Fabout",{"name":24,"to":25},"Work","\u002Fwork",{"name":27,"to":28},"Writing","\u002Fwriting",{"name":30,"to":31},"Endorsements","\u002Fendorsements",{"name":33,"to":34},"Contact","\u002Fcontact","\u002Fsite-information","\u002Fresume","Front-End Software Engineer",{"description":11},[40,44,48],{"label":41,"href":42,"icon":43},"LinkedIn","https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fdavidberning\u002F","simple-icons:linkedin",{"label":45,"href":46,"icon":47},"GitHub","https:\u002F\u002Fgithub.com\u002Fdaveberning","simple-icons:github",{"label":49,"href":50,"icon":51},"Email","mailto:hello@daveberning.io","lucide:mail","OH","site-information","Riwsk3KNMBr9V9OmxgoWlnFymJ_mfMFTDiaiIADNjUo",{"id":56,"title":57,"body":58,"category":90,"description":91,"extension":15,"externalUrl":92,"featuredImage":93,"meta":94,"navigation":95,"path":96,"platform":97,"publishedAt":98,"readingTime":99,"seo":100,"status":101,"stem":102,"tags":103,"updatedAt":11,"__hash__":108},"writing\u002Fwriting\u002Fimporting-global-libraries-into-vue-cli-the-clean-way.md","Importing Global Libraries into Vue CLI (The Clean Way)",{"type":8,"value":59,"toc":88},[60,69,81],[61,62,63,64,68],"p",{},"This ",[65,66,67],"strong",{},"Vue CLI and Webpack tutorial"," focuses on a cleaner way to import global libraries into a Vue project. Instead of relying on awkward relative paths or dropping global styles into the wrong place, the article uses Bulma to show how a small alias configuration can make dependency imports more readable and maintainable.",[61,70,71,72,75,76,80],{},"The tutorial walks through installing the package, defining a ",[65,73,74],{},"Webpack alias"," for the library, and importing it once in ",[77,78,79],"code",{},"main.js"," so it is available throughout the application. It is short, but it solves a real problem for developers working with older Vue CLI and Webpack-based setups.",[61,82,83,84,87],{},"If you are looking for a practical approach to ",[65,85,86],{},"global library imports in Vue, Webpack aliases, and cleaner Bulma integration",", this article gives you the essential pattern quickly.",{"title":11,"searchDepth":12,"depth":12,"links":89},[],"Article","Learn the clean way to import global libraries into Vue CLI with Webpack aliases so shared CSS and JavaScript dependencies stay maintainable.","https:\u002F\u002Fmedium.com\u002Ffront-end-weekly\u002Fimporting-global-libraries-into-vue-cli-the-clean-way-9a7945213fa0","https:\u002F\u002Fmiro.medium.com\u002Fv2\u002Fresize:fit:1400\u002Fformat:webp\u002F1*MoHYZRrpQcOociJZTo83zg.png",{},true,"\u002Fwriting\u002Fimporting-global-libraries-into-vue-cli-the-clean-way","Medium","2018-01-06",3,{"title":57,"description":91},"published","writing\u002Fimporting-global-libraries-into-vue-cli-the-clean-way",[104,105,106,107],"JavaScript","Vue","Webpack","Bulma","5lf6e557QtIdtAv8aBuUFysMPy9fkAc6uOEZN6sb464",1775364557379]