如何在生产Vue.js-Webpack中禁用源映射或调试模式

如何在生产Vue.js-Webpack中禁用源映射或调试模式,vue.js,webpack,Vue.js,Webpack,我正在做一个Vue.js项目,所有文件都是在开发和生产模式下由webpack生成的 但我的问题是: 当我在元素上检查时,我可以在devtools中看到我的vue组件。 我怎么能禁用它 顺便说一句,源映射被禁用,我在dist文件夹中没有.map文件。 谢谢:)只需查看: productionSourceMap类型:布尔值 默认值:true 如果不需要,将此设置为false可以加快生产构建 用于生产的源地图 因此,在您的网页配置中,您可以编写: module.exports = { produ

我正在做一个Vue.js项目,所有文件都是在开发和生产模式下由webpack生成的

但我的问题是:

当我在元素上检查时,我可以在devtools中看到我的vue组件。

我怎么能禁用它

顺便说一句,源映射被禁用,我在dist文件夹中没有.map文件。

谢谢:)

只需查看:

productionSourceMap类型:布尔值

默认值:true

如果不需要,将此设置为false可以加快生产构建 用于生产的源地图

因此,在您的网页配置中,您可以编写:

module.exports = {
  productionSourceMap: false
};

如果负责网页包配置的
vue.config.js
不存在,您可以创建它。

如果网页包是从头开始配置的,则可以在网页包生产文件中删除或注释来删除它 devtool选项

工具/webpack.prod.js



    module.exports = merge(common, {
      // devtool: "source-map",
      mode: "production",
      ...
    });



你能发布你的网页配置吗?@CodyG。这是我的webpack.prod.conf gist url,您可以看到,我禁用了extractTextplugin,因为css的顺序在中是错误的prod@CodyG. 你不需要vue加载程序吗?您的vue组件是如何编译的?@CodyG。我有一个vue加载器,我的项目是与vue网页包模板。我该怎么办?谢谢你,它成功了,现在所有的样式都在生产中内联了,只是一个问题:在生产模式中禁用extractTextPlugin并将样式移动到内联可以吗?