Using different vendors with the same codebase in Vue2019 Community Moderator ElectionVue Cli Webpack background url path issueVUE Error when run test unitES6 import using at ('@') sign in path in a vue.js project using Webpackvue webpack 2 autoprefixer for ie9+Can't load CSS into Vue cli project. Mimetype is always htmlVue Cli 3: defined output pathsHow can I add SASS file to bootstrap-vue/webpack (vue-cli project)?Vue CLI 3: production build with Foundation 6Global shared variable vue.js using vue-cli-3Vue cli 3 project ,dynamic src in image path not working
Draw bounding region by list of points
How to disable or uninstall iTunes under High Sierra without disabling SIP
Relationship between the symmetry number of a molecule as used in rotational spectroscopy and point group
How do I deal with being envious of my own players?
Ahoy, Ye Traveler!
Being asked to review a paper in conference one has submitted to
Can we carry rice to Japan?
Book about a time-travel war fought by computers
PTIJ: Is all laundering forbidden during the 9 days?
Are there other characters in the Star Wars universe who had damaged bodies and needed to wear an outfit like Darth Vader?
Where is the fallacy here?
Where is this quote about overcoming the impossible said in "Interstellar"?
Are all UTXOs locked by an address spent in a transaction?
Why are special aircraft used for the carriers in the United States Navy?
Should we avoid writing fiction about historical events without extensive research?
When was drinking water recognized as crucial in marathon running?
Giving a talk in my old university, how prominently should I tell students my salary?
It doesn't matter the side you see it
Levi-Civita symbol: 3D matrix
Why doesn't "adolescent" take any articles in "listen to adolescent agonising"?
Split a number into equal parts given the number of parts
Why do phishing e-mails use faked e-mail addresses instead of the real one?
Make me a metasequence
PTIJ: What dummy is the Gemara referring to?
Using different vendors with the same codebase in Vue
2019 Community Moderator ElectionVue Cli Webpack background url path issueVUE Error when run test unitES6 import using at ('@') sign in path in a vue.js project using Webpackvue webpack 2 autoprefixer for ie9+Can't load CSS into Vue cli project. Mimetype is always htmlVue Cli 3: defined output pathsHow can I add SASS file to bootstrap-vue/webpack (vue-cli project)?Vue CLI 3: production build with Foundation 6Global shared variable vue.js using vue-cli-3Vue cli 3 project ,dynamic src in image path not working
I'm working on a Vue project that is generated with the Vue cli 3. I would like to use different vendors in the same code base.
I need something that can load different images/styling based on a variable. For example something like:
<!-- In HTML templates -->
<img :src="`@/assets/vendor_name_here/banner.jpg`" />
/* In SCSS */
@import "assets/vendor_name_here/style/bootstrap";
Where vendor_name_here is a variable that can be set in the environment. Please, note that the above doesn't work.
Coming from an Angular background, something similar could be achieved by simply adding an app or project to the config. However, there is no such thing documented in the Vue docs (of what I could find).
So is there something similar in Vue?
Update:
I just found out that the following works for HTML images:
<img :src="require(`@/assets/$VUE_APP_VENDOR/banner-large.jpg`)" />
So the question is still open for the SCSS files.
Update 2:
So apparently the same method also works for SCSS files. I added the folowing in my script block:
require(`./assets/$process.env.VUE_APP_VENDOR/style/bootstrap.scss`);
And now it works :).
vue.js vuejs2 vue-cli-3
edited 18 hours ago
jom
2,2722820
asked 19 hours ago
GilianGilian
3111216
add a comment |
I'm working on a Vue project that is generated with the Vue cli 3. I would like to use different vendors in the same code base.
I need something that can load different images/styling based on a variable. For example something like:
<!-- In HTML templates -->
<img :src="`@/assets/vendor_name_here/banner.jpg`" />
/* In SCSS */
@import "assets/vendor_name_here/style/bootstrap";
Where vendor_name_here is a variable that can be set in the environment. Please, note that the above doesn't work.
Coming from an Angular background, something similar could be achieved by simply adding an app or project to the config. However, there is no such thing documented in the Vue docs (of what I could find).
So is there something similar in Vue?
Update:
I just found out that the following works for HTML images:
<img :src="require(`@/assets/$VUE_APP_VENDOR/banner-large.jpg`)" />
So the question is still open for the SCSS files.
Update 2:
So apparently the same method also works for SCSS files. I added the folowing in my script block:
require(`./assets/$process.env.VUE_APP_VENDOR/style/bootstrap.scss`);
And now it works :).
vue.js vuejs2 vue-cli-3
edited 18 hours ago
jom
2,2722820
asked 19 hours ago
GilianGilian
3111216
add a comment |
I'm working on a Vue project that is generated with the Vue cli 3. I would like to use different vendors in the same code base.
I need something that can load different images/styling based on a variable. For example something like:
<!-- In HTML templates -->
<img :src="`@/assets/vendor_name_here/banner.jpg`" />
/* In SCSS */
@import "assets/vendor_name_here/style/bootstrap";
Where vendor_name_here is a variable that can be set in the environment. Please, note that the above doesn't work.
Coming from an Angular background, something similar could be achieved by simply adding an app or project to the config. However, there is no such thing documented in the Vue docs (of what I could find).
So is there something similar in Vue?
Update:
I just found out that the following works for HTML images:
<img :src="require(`@/assets/$VUE_APP_VENDOR/banner-large.jpg`)" />
So the question is still open for the SCSS files.
Update 2:
So apparently the same method also works for SCSS files. I added the folowing in my script block:
require(`./assets/$process.env.VUE_APP_VENDOR/style/bootstrap.scss`);
And now it works :).
vue.js vuejs2 vue-cli-3
edited 18 hours ago
jom
2,2722820
asked 19 hours ago
GilianGilian
3111216
I'm working on a Vue project that is generated with the Vue cli 3. I would like to use different vendors in the same code base.
I need something that can load different images/styling based on a variable. For example something like:
<!-- In HTML templates -->
<img :src="`@/assets/vendor_name_here/banner.jpg`" />
/* In SCSS */
@import "assets/vendor_name_here/style/bootstrap";
Where vendor_name_here is a variable that can be set in the environment. Please, note that the above doesn't work.
Coming from an Angular background, something similar could be achieved by simply adding an app or project to the config. However, there is no such thing documented in the Vue docs (of what I could find).
So is there something similar in Vue?
Update:
I just found out that the following works for HTML images:
<img :src="require(`@/assets/$VUE_APP_VENDOR/banner-large.jpg`)" />
So the question is still open for the SCSS files.
Update 2:
So apparently the same method also works for SCSS files. I added the folowing in my script block:
require(`./assets/$process.env.VUE_APP_VENDOR/style/bootstrap.scss`);
And now it works :).
vue.js vuejs2 vue-cli-3
vue.js vuejs2 vue-cli-3
edited 18 hours ago
jom
2,2722820
asked 19 hours ago
GilianGilian
3111216
edited 18 hours ago
jom
2,2722820
asked 19 hours ago
GilianGilian
3111216
edited 18 hours ago
jom
2,2722820
edited 18 hours ago
jom
2,2722820
edited 18 hours ago
jom
2,2722820
2,2722820
asked 19 hours ago
GilianGilian
3111216
asked 19 hours ago
GilianGilian
3111216
asked 19 hours ago
GilianGilian
3111216
3111216
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
So I found my own answer to this. The fixes are in the answer itself in the updates.
answered 18 hours ago
GilianGilian
3111216
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%2f55021174%2fusing-different-vendors-with-the-same-codebase-in-vue%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
So I found my own answer to this. The fixes are in the answer itself in the updates.
answered 18 hours ago
GilianGilian
3111216
add a comment |
So I found my own answer to this. The fixes are in the answer itself in the updates.
answered 18 hours ago
GilianGilian
3111216
add a comment |
So I found my own answer to this. The fixes are in the answer itself in the updates.
answered 18 hours ago
GilianGilian
3111216
So I found my own answer to this. The fixes are in the answer itself in the updates.
answered 18 hours ago
GilianGilian
3111216
answered 18 hours ago
GilianGilian
3111216
answered 18 hours ago
GilianGilian
3111216
answered 18 hours ago
GilianGilian
3111216
3111216
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%2f55021174%2fusing-different-vendors-with-the-same-codebase-in-vue%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
