How do I get Vue CLI to use an external HTML file with hot reloading? The Next CEO of Stack OverflowHow to use (Is there) code completion without using vue-cliHow can I create two separate bundles with vue-cli 3?Mime type error when adding external js to Vue CLIVue-cli import relative scss is not working for vendors **external** librairies **in style files**How do I introduce a build step into a “mixed mode” vue/asp.net appHow can I leverage vue cli serve functionality with my custom dev/prod server?Can't load CSS into Vue cli project. Mimetype is always htmlvue-cli-service: Is there a way to pass -p parameter to typescript compiler or linter using vue-cli-service?Vue-CLI v3 app: hot module reload not workingHow to integrate Vue components in normal HTML or JSP file
How badly should I try to prevent a user from XSSing themselves?
How seriously should I take size and weight limits of hand luggage?
How exploitable/balanced is this homebrew spell: Spell Permanency?
Avoiding the "not like other girls" trope?
My boss doesn't want me to have a side project
Could you use a laser beam as a modulated carrier wave for radio signal?
Are British MPs missing the point, with these 'Indicative Votes'?
pgfplots: How to draw a tangent graph below two others?
Is it correct to say moon starry nights?
Why can't we say "I have been having a dog"?
How should I connect my cat5 cable to connectors having an orange-green line?
How can I replace x-axis labels with pre-determined symbols?
Create custom note boxes
Can this transistor (2n2222) take 6V on emitter-base? Am I reading datasheet incorrectly?
How to find if SQL server backup is encrypted with TDE without restoring the backup
"Eavesdropping" vs "Listen in on"
Does Germany produce more waste than the US?
Is this a new Fibonacci Identity?
Creating a script with console commands
Is a linearly independent set whose span is dense a Schauder basis?
Car headlights in a world without electricity
What is the difference between 'contrib' and 'non-free' packages repositories?
How to show a landlord what we have in savings?
How to compactly explain secondary and tertiary characters without resorting to stereotypes?
How do I get Vue CLI to use an external HTML file with hot reloading?
The Next CEO of Stack OverflowHow to use (Is there) code completion without using vue-cliHow can I create two separate bundles with vue-cli 3?Mime type error when adding external js to Vue CLIVue-cli import relative scss is not working for vendors **external** librairies **in style files**How do I introduce a build step into a “mixed mode” vue/asp.net appHow can I leverage vue cli serve functionality with my custom dev/prod server?Can't load CSS into Vue cli project. Mimetype is always htmlvue-cli-service: Is there a way to pass -p parameter to typescript compiler or linter using vue-cli-service?Vue-CLI v3 app: hot module reload not workingHow to integrate Vue components in normal HTML or JSP file
I've used the default vue-cli to scaffold a Vue project. I'd like to use the Vue application in the context of a different HTML file.
I have a file called dashboard.html is served by the application at localhost:8000. The Vue CLI serves everything at localhost:3000. My HTML file normally includes scripts from /public/scripts/. Therefore, the Vue project should be included from /public/scripts/myproject.js
How would I configure my Vue project so that the actual files are generated into the location mentioned above and I'm able to use my custom HTML file? With a scenario like this, is it still possible to achieve hot-code reloading as the default Vue scaffolding provides?
vue.js vue-cli
asked Mar 21 at 19:54
Mridang AgarwallaMridang Agarwalla
17.3k54175327
add a comment |
I've used the default vue-cli to scaffold a Vue project. I'd like to use the Vue application in the context of a different HTML file.
I have a file called dashboard.html is served by the application at localhost:8000. The Vue CLI serves everything at localhost:3000. My HTML file normally includes scripts from /public/scripts/. Therefore, the Vue project should be included from /public/scripts/myproject.js
How would I configure my Vue project so that the actual files are generated into the location mentioned above and I'm able to use my custom HTML file? With a scenario like this, is it still possible to achieve hot-code reloading as the default Vue scaffolding provides?
vue.js vue-cli
asked Mar 21 at 19:54
Mridang AgarwallaMridang Agarwalla
17.3k54175327
add a comment |
I've used the default vue-cli to scaffold a Vue project. I'd like to use the Vue application in the context of a different HTML file.
I have a file called dashboard.html is served by the application at localhost:8000. The Vue CLI serves everything at localhost:3000. My HTML file normally includes scripts from /public/scripts/. Therefore, the Vue project should be included from /public/scripts/myproject.js
How would I configure my Vue project so that the actual files are generated into the location mentioned above and I'm able to use my custom HTML file? With a scenario like this, is it still possible to achieve hot-code reloading as the default Vue scaffolding provides?
vue.js vue-cli
asked Mar 21 at 19:54
Mridang AgarwallaMridang Agarwalla
17.3k54175327
I've used the default vue-cli to scaffold a Vue project. I'd like to use the Vue application in the context of a different HTML file.
I have a file called dashboard.html is served by the application at localhost:8000. The Vue CLI serves everything at localhost:3000. My HTML file normally includes scripts from /public/scripts/. Therefore, the Vue project should be included from /public/scripts/myproject.js
How would I configure my Vue project so that the actual files are generated into the location mentioned above and I'm able to use my custom HTML file? With a scenario like this, is it still possible to achieve hot-code reloading as the default Vue scaffolding provides?
vue.js vue-cli
vue.js vue-cli
asked Mar 21 at 19:54
Mridang AgarwallaMridang Agarwalla
17.3k54175327
asked Mar 21 at 19:54
Mridang AgarwallaMridang Agarwalla
17.3k54175327
asked Mar 21 at 19:54
Mridang AgarwallaMridang Agarwalla
17.3k54175327
asked Mar 21 at 19:54
Mridang AgarwallaMridang Agarwalla
17.3k54175327
asked Mar 21 at 19:54
Mridang AgarwallaMridang Agarwalla
17.3k54175327
17.3k54175327
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
I think you can achieve your solution by using iframe
<iframe id="theIframe" src="http://localhost:8080" ></iframe>
In case of hot-reloading, if your app that runs on localhost:8080 has the hot-reload functionality, than it can hot reload on iframe
answered Mar 21 at 21:37
onuriltanonuriltan
466
add a comment |
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55288327%2fhow-do-i-get-vue-cli-to-use-an-external-html-file-with-hot-reloading%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I think you can achieve your solution by using iframe
<iframe id="theIframe" src="http://localhost:8080" ></iframe>
In case of hot-reloading, if your app that runs on localhost:8080 has the hot-reload functionality, than it can hot reload on iframe
answered Mar 21 at 21:37
onuriltanonuriltan
466
add a comment |
I think you can achieve your solution by using iframe
<iframe id="theIframe" src="http://localhost:8080" ></iframe>
In case of hot-reloading, if your app that runs on localhost:8080 has the hot-reload functionality, than it can hot reload on iframe
answered Mar 21 at 21:37
onuriltanonuriltan
466
add a comment |
I think you can achieve your solution by using iframe
<iframe id="theIframe" src="http://localhost:8080" ></iframe>
In case of hot-reloading, if your app that runs on localhost:8080 has the hot-reload functionality, than it can hot reload on iframe
answered Mar 21 at 21:37
onuriltanonuriltan
466
I think you can achieve your solution by using iframe
<iframe id="theIframe" src="http://localhost:8080" ></iframe>
In case of hot-reloading, if your app that runs on localhost:8080 has the hot-reload functionality, than it can hot reload on iframe
answered Mar 21 at 21:37
onuriltanonuriltan
466
answered Mar 21 at 21:37
onuriltanonuriltan
466
answered Mar 21 at 21:37
onuriltanonuriltan
466
answered Mar 21 at 21:37
onuriltanonuriltan
466
466
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55288327%2fhow-do-i-get-vue-cli-to-use-an-external-html-file-with-hot-reloading%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
