How to disable source map or debug mode in production Vue.js - Webpack
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
I am working on a Vue.js project and all files are generated by webpack on dev and production mode.
but here is my problem :
I can see my vue components in devtools when I inspect on a element.
How could I disable that ?
By the way source map is disabled and I have no .map files in dist folder.
thank you :)
vue.js webpack
asked Jan 3 at 18:47
Hamid OsouliHamid Osouli
638
|
show 2 more comments
I am working on a Vue.js project and all files are generated by webpack on dev and production mode.
but here is my problem :
I can see my vue components in devtools when I inspect on a element.
How could I disable that ?
By the way source map is disabled and I have no .map files in dist folder.
thank you :)
vue.js webpack
asked Jan 3 at 18:47
Hamid OsouliHamid Osouli
638
1
Can you post your webpack configuration?
– Cody G.
Jan 3 at 19:00
@CodyG. here is my webpack.prod.conf gist url and as you can see i disabled extractTextplugin because order of css was wrong in prod
– Hamid Osouli
Jan 3 at 19:20
@CodyG. gist.github.com/HamidOsouli/c4303b966d8665b9fe8633544bece068
– Hamid Osouli
Jan 3 at 19:20
Don't you need a vue-loader ? How are your vue components being compiled?
– Cody G.
Jan 3 at 19:39
@CodyG. I have a vue loader, my project is with vue-webpack-template. What should I do ?
– Hamid Osouli
Jan 3 at 19:44
|
show 2 more comments
I am working on a Vue.js project and all files are generated by webpack on dev and production mode.
but here is my problem :
I can see my vue components in devtools when I inspect on a element.
How could I disable that ?
By the way source map is disabled and I have no .map files in dist folder.
thank you :)
vue.js webpack
asked Jan 3 at 18:47
Hamid OsouliHamid Osouli
638
I am working on a Vue.js project and all files are generated by webpack on dev and production mode.
but here is my problem :
I can see my vue components in devtools when I inspect on a element.
How could I disable that ?
By the way source map is disabled and I have no .map files in dist folder.
thank you :)
vue.js webpack
vue.js webpack
asked Jan 3 at 18:47
Hamid OsouliHamid Osouli
638
asked Jan 3 at 18:47
Hamid OsouliHamid Osouli
638
asked Jan 3 at 18:47
Hamid OsouliHamid Osouli
638
asked Jan 3 at 18:47
Hamid OsouliHamid Osouli
638
asked Jan 3 at 18:47
Hamid OsouliHamid Osouli
638
638
1
Can you post your webpack configuration?
– Cody G.
Jan 3 at 19:00
@CodyG. here is my webpack.prod.conf gist url and as you can see i disabled extractTextplugin because order of css was wrong in prod
– Hamid Osouli
Jan 3 at 19:20
@CodyG. gist.github.com/HamidOsouli/c4303b966d8665b9fe8633544bece068
– Hamid Osouli
Jan 3 at 19:20
Don't you need a vue-loader ? How are your vue components being compiled?
– Cody G.
Jan 3 at 19:39
@CodyG. I have a vue loader, my project is with vue-webpack-template. What should I do ?
– Hamid Osouli
Jan 3 at 19:44
|
show 2 more comments
1
Can you post your webpack configuration?
– Cody G.
Jan 3 at 19:00
@CodyG. here is my webpack.prod.conf gist url and as you can see i disabled extractTextplugin because order of css was wrong in prod
– Hamid Osouli
Jan 3 at 19:20
@CodyG. gist.github.com/HamidOsouli/c4303b966d8665b9fe8633544bece068
– Hamid Osouli
Jan 3 at 19:20
Don't you need a vue-loader ? How are your vue components being compiled?
– Cody G.
Jan 3 at 19:39
@CodyG. I have a vue loader, my project is with vue-webpack-template. What should I do ?
– Hamid Osouli
Jan 3 at 19:44
1
1
Can you post your webpack configuration?
– Cody G.
Jan 3 at 19:00
Can you post your webpack configuration?
– Cody G.
Jan 3 at 19:00
@CodyG. here is my webpack.prod.conf gist url and as you can see i disabled extractTextplugin because order of css was wrong in prod
– Hamid Osouli
Jan 3 at 19:20
@CodyG. here is my webpack.prod.conf gist url and as you can see i disabled extractTextplugin because order of css was wrong in prod
– Hamid Osouli
Jan 3 at 19:20
@CodyG. gist.github.com/HamidOsouli/c4303b966d8665b9fe8633544bece068
– Hamid Osouli
Jan 3 at 19:20
@CodyG. gist.github.com/HamidOsouli/c4303b966d8665b9fe8633544bece068
– Hamid Osouli
Jan 3 at 19:20
Don't you need a vue-loader ? How are your vue components being compiled?
– Cody G.
Jan 3 at 19:39
Don't you need a vue-loader ? How are your vue components being compiled?
– Cody G.
Jan 3 at 19:39
@CodyG. I have a vue loader, my project is with vue-webpack-template. What should I do ?
– Hamid Osouli
Jan 3 at 19:44
@CodyG. I have a vue loader, my project is with vue-webpack-template. What should I do ?
– Hamid Osouli
Jan 3 at 19:44
|
show 2 more comments
1 Answer
1
active
oldest
votes
Just checkout the Vue cli docs:
productionSourceMap Type: boolean
Default: true
Setting this to false can speed up production builds if you don't need
source maps for production.
So in your webpack config you write:
module.exports = {
productionSourceMap: false
};
If your vue.config.js which is responsible for your webpack configuration doesn't exist, you may create it.
answered Jan 4 at 6:35
Christopher DosinChristopher Dosin
32829
thank you it worked, now all of styles are inlined in production, just a question : is it ok to disable extractTextPlugin and move styles to inlined in production mode ?
– Hamid Osouli
Jan 4 at 7:34
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%2f54028103%2fhow-to-disable-source-map-or-debug-mode-in-production-vue-js-webpack%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
Just checkout the Vue cli docs:
productionSourceMap Type: boolean
Default: true
Setting this to false can speed up production builds if you don't need
source maps for production.
So in your webpack config you write:
module.exports = {
productionSourceMap: false
};
If your vue.config.js which is responsible for your webpack configuration doesn't exist, you may create it.
answered Jan 4 at 6:35
Christopher DosinChristopher Dosin
32829
thank you it worked, now all of styles are inlined in production, just a question : is it ok to disable extractTextPlugin and move styles to inlined in production mode ?
– Hamid Osouli
Jan 4 at 7:34
add a comment |
Just checkout the Vue cli docs:
productionSourceMap Type: boolean
Default: true
Setting this to false can speed up production builds if you don't need
source maps for production.
So in your webpack config you write:
module.exports = {
productionSourceMap: false
};
If your vue.config.js which is responsible for your webpack configuration doesn't exist, you may create it.
answered Jan 4 at 6:35
Christopher DosinChristopher Dosin
32829
thank you it worked, now all of styles are inlined in production, just a question : is it ok to disable extractTextPlugin and move styles to inlined in production mode ?
– Hamid Osouli
Jan 4 at 7:34
add a comment |
Just checkout the Vue cli docs:
productionSourceMap Type: boolean
Default: true
Setting this to false can speed up production builds if you don't need
source maps for production.
So in your webpack config you write:
module.exports = {
productionSourceMap: false
};
If your vue.config.js which is responsible for your webpack configuration doesn't exist, you may create it.
answered Jan 4 at 6:35
Christopher DosinChristopher Dosin
32829
Just checkout the Vue cli docs:
productionSourceMap Type: boolean
Default: true
Setting this to false can speed up production builds if you don't need
source maps for production.
So in your webpack config you write:
module.exports = {
productionSourceMap: false
};
If your vue.config.js which is responsible for your webpack configuration doesn't exist, you may create it.
answered Jan 4 at 6:35
Christopher DosinChristopher Dosin
32829
answered Jan 4 at 6:35
Christopher DosinChristopher Dosin
32829
answered Jan 4 at 6:35
Christopher DosinChristopher Dosin
32829
answered Jan 4 at 6:35
Christopher DosinChristopher Dosin
32829
32829
thank you it worked, now all of styles are inlined in production, just a question : is it ok to disable extractTextPlugin and move styles to inlined in production mode ?
– Hamid Osouli
Jan 4 at 7:34
add a comment |
thank you it worked, now all of styles are inlined in production, just a question : is it ok to disable extractTextPlugin and move styles to inlined in production mode ?
– Hamid Osouli
Jan 4 at 7:34
thank you it worked, now all of styles are inlined in production, just a question : is it ok to disable extractTextPlugin and move styles to inlined in production mode ?
– Hamid Osouli
Jan 4 at 7:34
thank you it worked, now all of styles are inlined in production, just a question : is it ok to disable extractTextPlugin and move styles to inlined in production mode ?
– Hamid Osouli
Jan 4 at 7:34
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%2f54028103%2fhow-to-disable-source-map-or-debug-mode-in-production-vue-js-webpack%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
1
Can you post your webpack configuration?
– Cody G.
Jan 3 at 19:00
@CodyG. here is my webpack.prod.conf gist url and as you can see i disabled extractTextplugin because order of css was wrong in prod
– Hamid Osouli
Jan 3 at 19:20
@CodyG. gist.github.com/HamidOsouli/c4303b966d8665b9fe8633544bece068
– Hamid Osouli
Jan 3 at 19:20
Don't you need a vue-loader ? How are your vue components being compiled?
– Cody G.
Jan 3 at 19:39
@CodyG. I have a vue loader, my project is with vue-webpack-template. What should I do ?
– Hamid Osouli
Jan 3 at 19:44