Angular6 import bootstrap file in several scss component
i have a question regarding the importation of the same scss file in different composents, for instance bootstrap scss file from the node module,
Will it compile it as a single file or Will it duplicate it depanding on the number of composent that i imported in ?
Thanks
angular twitter-bootstrap sass
asked Nov 14 '18 at 19:03
Amine MissaouiAmine Missaoui
12
add a comment |
i have a question regarding the importation of the same scss file in different composents, for instance bootstrap scss file from the node module,
Will it compile it as a single file or Will it duplicate it depanding on the number of composent that i imported in ?
Thanks
angular twitter-bootstrap sass
asked Nov 14 '18 at 19:03
Amine MissaouiAmine Missaoui
12
add a comment |
i have a question regarding the importation of the same scss file in different composents, for instance bootstrap scss file from the node module,
Will it compile it as a single file or Will it duplicate it depanding on the number of composent that i imported in ?
Thanks
angular twitter-bootstrap sass
asked Nov 14 '18 at 19:03
Amine MissaouiAmine Missaoui
12
i have a question regarding the importation of the same scss file in different composents, for instance bootstrap scss file from the node module,
Will it compile it as a single file or Will it duplicate it depanding on the number of composent that i imported in ?
Thanks
angular twitter-bootstrap sass
angular twitter-bootstrap sass
asked Nov 14 '18 at 19:03
Amine MissaouiAmine Missaoui
12
asked Nov 14 '18 at 19:03
Amine MissaouiAmine Missaoui
12
asked Nov 14 '18 at 19:03
Amine MissaouiAmine Missaoui
12
asked Nov 14 '18 at 19:03
Amine MissaouiAmine Missaoui
12
asked Nov 14 '18 at 19:03
Amine MissaouiAmine Missaoui
12
12
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
No, Angular will not duplicate any files but simply reference the same file. I can't really find any references to back up this claim exactly, but I have never heard of file duplication with any compiler, more so, that would be very inefficient. Take a look at this SOF question which may help you.
answered Nov 14 '18 at 19:48
ViqasViqas
727420
add a comment |
You are importing bootstrap in several components. It means you have kept bootstrap file either in assets and just passing in index.html as
<link href="...." rel="stylesheet">
or,
npm install --save bootstrap
angular.json
styles:[
"node_modules/scss/bootstrap.scss"
]
So, by importing each time in several components , it is compiling it as a single file. However, it is referencing bootstrap file each time.
answered Nov 14 '18 at 20:05
MahiMahi
760320
add a comment |
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
});
}
});
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%2f53307114%2fangular6-import-bootstrap-file-in-several-scss-component%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
No, Angular will not duplicate any files but simply reference the same file. I can't really find any references to back up this claim exactly, but I have never heard of file duplication with any compiler, more so, that would be very inefficient. Take a look at this SOF question which may help you.
answered Nov 14 '18 at 19:48
ViqasViqas
727420
add a comment |
No, Angular will not duplicate any files but simply reference the same file. I can't really find any references to back up this claim exactly, but I have never heard of file duplication with any compiler, more so, that would be very inefficient. Take a look at this SOF question which may help you.
answered Nov 14 '18 at 19:48
ViqasViqas
727420
add a comment |
No, Angular will not duplicate any files but simply reference the same file. I can't really find any references to back up this claim exactly, but I have never heard of file duplication with any compiler, more so, that would be very inefficient. Take a look at this SOF question which may help you.
answered Nov 14 '18 at 19:48
ViqasViqas
727420
No, Angular will not duplicate any files but simply reference the same file. I can't really find any references to back up this claim exactly, but I have never heard of file duplication with any compiler, more so, that would be very inefficient. Take a look at this SOF question which may help you.
answered Nov 14 '18 at 19:48
ViqasViqas
727420
answered Nov 14 '18 at 19:48
ViqasViqas
727420
answered Nov 14 '18 at 19:48
ViqasViqas
727420
answered Nov 14 '18 at 19:48
ViqasViqas
727420
727420
add a comment |
add a comment |
You are importing bootstrap in several components. It means you have kept bootstrap file either in assets and just passing in index.html as
<link href="...." rel="stylesheet">
or,
npm install --save bootstrap
angular.json
styles:[
"node_modules/scss/bootstrap.scss"
]
So, by importing each time in several components , it is compiling it as a single file. However, it is referencing bootstrap file each time.
answered Nov 14 '18 at 20:05
MahiMahi
760320
add a comment |
You are importing bootstrap in several components. It means you have kept bootstrap file either in assets and just passing in index.html as
<link href="...." rel="stylesheet">
or,
npm install --save bootstrap
angular.json
styles:[
"node_modules/scss/bootstrap.scss"
]
So, by importing each time in several components , it is compiling it as a single file. However, it is referencing bootstrap file each time.
answered Nov 14 '18 at 20:05
MahiMahi
760320
add a comment |
You are importing bootstrap in several components. It means you have kept bootstrap file either in assets and just passing in index.html as
<link href="...." rel="stylesheet">
or,
npm install --save bootstrap
angular.json
styles:[
"node_modules/scss/bootstrap.scss"
]
So, by importing each time in several components , it is compiling it as a single file. However, it is referencing bootstrap file each time.
answered Nov 14 '18 at 20:05
MahiMahi
760320
You are importing bootstrap in several components. It means you have kept bootstrap file either in assets and just passing in index.html as
<link href="...." rel="stylesheet">
or,
npm install --save bootstrap
angular.json
styles:[
"node_modules/scss/bootstrap.scss"
]
So, by importing each time in several components , it is compiling it as a single file. However, it is referencing bootstrap file each time.
answered Nov 14 '18 at 20:05
MahiMahi
760320
answered Nov 14 '18 at 20:05
MahiMahi
760320
answered Nov 14 '18 at 20:05
MahiMahi
760320
answered Nov 14 '18 at 20:05
MahiMahi
760320
760320
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%2f53307114%2fangular6-import-bootstrap-file-in-several-scss-component%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
