Can we customize the name and placement of the css file which contains the combined styles from all the Vue...
0
As the file name is the same name as the main entry point script file. where our Vue instance resides. I wanted to explore the possibility of configuring it.
vue.js styles
asked Nov 24 '18 at 23:33
Anubhav VishwakarmaAnubhav Vishwakarma
13
add a comment |
0
As the file name is the same name as the main entry point script file. where our Vue instance resides. I wanted to explore the possibility of configuring it.
vue.js styles
asked Nov 24 '18 at 23:33
Anubhav VishwakarmaAnubhav Vishwakarma
13
What are you using to build your app?
– DigitalDrifter
Nov 25 '18 at 0:05
The styles you put in .vue files aren't put into a CSS file, they're added to your<head>at runtime. So no, you can't specify that kind of stuff. As far as I'm concerned using<style>in a .vue file is for development, but you should try to transfer it into proper SASS/LESS/CSS files when you're done, and make sure you use class names for everything, e.g. using a unique class name as a namespace for every component/page.
– Simon Hyll
Nov 25 '18 at 14:53
@DigitalDrifter It is a vue component inside symphony its an e-commerce application.
– Anubhav Vishwakarma
Nov 26 '18 at 13:03
@SimonHyll actually it does create a css file in js folder inside public. and the name is same as the name of the file which has the vue instance. I wanted to customize the name and the created folder.
– Anubhav Vishwakarma
Nov 26 '18 at 13:10
add a comment |
0
0
0
As the file name is the same name as the main entry point script file. where our Vue instance resides. I wanted to explore the possibility of configuring it.
vue.js styles
asked Nov 24 '18 at 23:33
Anubhav VishwakarmaAnubhav Vishwakarma
13
As the file name is the same name as the main entry point script file. where our Vue instance resides. I wanted to explore the possibility of configuring it.
vue.js styles
vue.js styles
asked Nov 24 '18 at 23:33
Anubhav VishwakarmaAnubhav Vishwakarma
13
asked Nov 24 '18 at 23:33
Anubhav VishwakarmaAnubhav Vishwakarma
13
asked Nov 24 '18 at 23:33
Anubhav VishwakarmaAnubhav Vishwakarma
13
asked Nov 24 '18 at 23:33
Anubhav VishwakarmaAnubhav Vishwakarma
13
asked Nov 24 '18 at 23:33
Anubhav VishwakarmaAnubhav Vishwakarma
13
13
What are you using to build your app?
– DigitalDrifter
Nov 25 '18 at 0:05
The styles you put in .vue files aren't put into a CSS file, they're added to your<head>at runtime. So no, you can't specify that kind of stuff. As far as I'm concerned using<style>in a .vue file is for development, but you should try to transfer it into proper SASS/LESS/CSS files when you're done, and make sure you use class names for everything, e.g. using a unique class name as a namespace for every component/page.
– Simon Hyll
Nov 25 '18 at 14:53
@DigitalDrifter It is a vue component inside symphony its an e-commerce application.
– Anubhav Vishwakarma
Nov 26 '18 at 13:03
@SimonHyll actually it does create a css file in js folder inside public. and the name is same as the name of the file which has the vue instance. I wanted to customize the name and the created folder.
– Anubhav Vishwakarma
Nov 26 '18 at 13:10
add a comment |
What are you using to build your app?
– DigitalDrifter
Nov 25 '18 at 0:05
The styles you put in .vue files aren't put into a CSS file, they're added to your<head>at runtime. So no, you can't specify that kind of stuff. As far as I'm concerned using<style>in a .vue file is for development, but you should try to transfer it into proper SASS/LESS/CSS files when you're done, and make sure you use class names for everything, e.g. using a unique class name as a namespace for every component/page.
– Simon Hyll
Nov 25 '18 at 14:53
@DigitalDrifter It is a vue component inside symphony its an e-commerce application.
– Anubhav Vishwakarma
Nov 26 '18 at 13:03
@SimonHyll actually it does create a css file in js folder inside public. and the name is same as the name of the file which has the vue instance. I wanted to customize the name and the created folder.
– Anubhav Vishwakarma
Nov 26 '18 at 13:10
What are you using to build your app?
– DigitalDrifter
Nov 25 '18 at 0:05
What are you using to build your app?
– DigitalDrifter
Nov 25 '18 at 0:05
The styles you put in .vue files aren't put into a CSS file, they're added to your
<head> at runtime. So no, you can't specify that kind of stuff. As far as I'm concerned using <style> in a .vue file is for development, but you should try to transfer it into proper SASS/LESS/CSS files when you're done, and make sure you use class names for everything, e.g. using a unique class name as a namespace for every component/page.– Simon Hyll
Nov 25 '18 at 14:53
The styles you put in .vue files aren't put into a CSS file, they're added to your
<head> at runtime. So no, you can't specify that kind of stuff. As far as I'm concerned using <style> in a .vue file is for development, but you should try to transfer it into proper SASS/LESS/CSS files when you're done, and make sure you use class names for everything, e.g. using a unique class name as a namespace for every component/page.– Simon Hyll
Nov 25 '18 at 14:53
@DigitalDrifter It is a vue component inside symphony its an e-commerce application.
– Anubhav Vishwakarma
Nov 26 '18 at 13:03
@DigitalDrifter It is a vue component inside symphony its an e-commerce application.
– Anubhav Vishwakarma
Nov 26 '18 at 13:03
@SimonHyll actually it does create a css file in js folder inside public. and the name is same as the name of the file which has the vue instance. I wanted to customize the name and the created folder.
– Anubhav Vishwakarma
Nov 26 '18 at 13:10
@SimonHyll actually it does create a css file in js folder inside public. and the name is same as the name of the file which has the vue instance. I wanted to customize the name and the created folder.
– Anubhav Vishwakarma
Nov 26 '18 at 13:10
add a comment |
0
active
oldest
votes
Your Answer
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
});
}
});
draft saved
draft discarded
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%2f53463339%2fcan-we-customize-the-name-and-placement-of-the-css-file-which-contains-the-combi%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
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.
draft saved
draft discarded
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%2f53463339%2fcan-we-customize-the-name-and-placement-of-the-css-file-which-contains-the-combi%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
What are you using to build your app?
– DigitalDrifter
Nov 25 '18 at 0:05
The styles you put in .vue files aren't put into a CSS file, they're added to your
<head>at runtime. So no, you can't specify that kind of stuff. As far as I'm concerned using<style>in a .vue file is for development, but you should try to transfer it into proper SASS/LESS/CSS files when you're done, and make sure you use class names for everything, e.g. using a unique class name as a namespace for every component/page.– Simon Hyll
Nov 25 '18 at 14:53
@DigitalDrifter It is a vue component inside symphony its an e-commerce application.
– Anubhav Vishwakarma
Nov 26 '18 at 13:03
@SimonHyll actually it does create a css file in js folder inside public. and the name is same as the name of the file which has the vue instance. I wanted to customize the name and the created folder.
– Anubhav Vishwakarma
Nov 26 '18 at 13:10