I've been tasked to add a favicon for a vue/firebase project. After googling and looking through various stackoverflow posts, everyone seems to be referering to webpack projects which this is not.
My project structure looks as following and the favicon is located in the /assets folder
project structure. I'm completely lost as to where I'm supposed to add the favicon since With Vue-CLI 3 and 4 (and up) no index.html is created in the src folder. Any help appreciated!
Related
I'm using NuxtJS v2 and I'm having an issue trying to rename the file app.template.html to index.html in .nuxt/views folder.
i've looked into the documentation in here but with no progress, any help will be appreciated.
I have created an vue.js app and now i want to deploy it. It generates an folder css, js and an index.html file. Is it possible to rename the css and js to, for example myAppCss and myAppJs?
I have searched in https://cli.vuejs.org/config/#global-cli-config for an solution but couldnt find anything.
I have a Nuxt.js project and I generate a static app. I need to put it in a subdirectory on ftp, but I can't make it work.
I've set router.base to /subfolder and that works fine for _nuxt, but static files are still using absolute path /img/...
So I've tried to put my static files into assets/img/, but they are not getting loaded from scss when I use ~assets/img/...
I've read many topics, but couldn't find the solution.
Any ideas?
Thank you
I had trouble finding solutions in the documentation as well, but I found out you can use the static folder on a subdomain if the links are changed from:
/image.jpg
to:
~/static/image.jpg
Also if it helps, I believe changing:
~assets/image.jpg
to
~/assets/image.jpg
Might solve your issue?
I have a project started with the vue-cli, and i'd love to include a component from a different local folder. I'm not that great at webpack config, so I'm not sure if it's just as simple as adding another path to some config setting. I've looked around in the docs, but everything I'm finding shows me the awesome auto scaffolding that vue init project gives us.
Any ideas?
Here's what the project structure looks like:
webroot/
-wp-content/
-wp-admin/
-wp-includes/
-other PHP classes/
-static/
-vue/
-global-components/ (<- this is where i'd like to put some generic .vue components)
-app1/ (<- this was created by vue-cli and is where i'd like to build a specific vue app for a specific wordpress page/post)
-app2/ (<- this was created by vue-cli and is where i'd like to build a different app for a specific wordpress page/post)
So, you can see there's a bunch of things going on in this repo, and I'd like to be able to reference both the src folder inside app1 and app2, but also have each app reference the global-components folder. I'm not sure that the client would like to push their custom components up to npm, and I don't think they want to build out their own private npm source, so I was hoping for a way to build multiple vue.js applications without copying these components to each individual app.
Any thoughts?
I have a web site project folder that looks something like this:
/
/css/
/includes/public.cfm
/js/jquery.js
index.cfm
My index.cfm file includes the content from the /includes/public.cfm file. The public.cfm file has references to various .css and .js files in it like this:
/includes/public.cfm
------------------------
<base href="http://localhost/mysite/">
<script type="text/javascript" src="js/jquery.js"></script>
The problem is that IDEA can't find the file /js/jquery.js and shows a "cannot resolve directory" inspection error even though the file does exist in the project structure.
How can I tell IDEA to always look at my project root for resolving directory locations? It would be great if it could first look relative to the current folder and then look relative to the project root.
Note: when the web site gets deployed to production, it will reside at www.mydomain.com but it should also be able to reside in a sub folder for development purposes.