vue.config.js 中怎么查看chainWebpack的config

vue.config.js 中怎么查看chainWebpack的config
使用console打印无效，使用window,sessionStorage,localStorage,alert这些方法显示没有被定义

module.exports = {
    chainWebpack:(config)=>{
    //查看这个config参数
    }
}

在 vue.config.js 中查看 chainWebpack 的 config，可以使用 webpack-chain 库中提供的方法。

首先，在配置中引入 webpack-chain：

const chain = require('webpack-chain')

然后在 chainWebpack 中使用该库的方法，查看 webpack 的配置。

chainWebpack: config => {
  console.log(config.toString())
  // or
  console.log(config.toConfig())
}

toString() 方法可以将 webpack 配置转换为字符串形式, toConfig()方法则将配置转换成对象的形式。
你可以在 vue.config.js 中输出，然后在控制台查看输出的配置。
如果你运行vue-cli3.0或者更高版本,在执行 npm run serve 或 npm run build 时配置文件会自动输出到控制台中。
另外，你也可以使用一些webpack工具来查看配置,例如: webpack-bundle-analyzer

在 vue.config.js 中, 可以使用 config.toString() 方法来查看 chainWebpack 的 config 参数。这会返回一个字符串, 包含了所有 config 的详细信息。
例如:

module.exports = {
  chainWebpack: config => {
    console.log(config.toString())
  }
}

确保在此之前已经安装了 webpack 和 vue-cli，并且项目已经配置了 vue.config.js 。

注意如果在浏览器中运行这个项目, 由于运行环境的限制, 可能需要使用其他的方式来查看这个config参数, 比如通过调试工具来查看.
仅供参考，望采纳，谢谢。

在 vue.config.js 文件中，可以通过配置 chainWebpack 来定制 webpack 的配置。可以在 chainWebpack 中通过 config.toConfig() 方法来查看最终生成的 webpack 配置。

module.exports = {
  chainWebpack: config => {
    config.toConfig()
  }
}

可以在这里查看配置信息。

需要注意, config.toConfig() 返回的是 webpack 的配置对象，而不是链式调用的配置函数

望采纳！！！点击回答右侧采纳即可！！

module.exports = {
    chainWebpack:(config)=>{
    console.log(config)
    }
}

参考实例【vue 配置【详解】 vue.config.js （含 webpack 配置）】，链接：https://blog.csdn.net/weixin_41192489/article/details/112635196

你好，直接打印，然后在终端查看打印，而不是浏览器哦

module.exports = {
    chainWebpack:(config)=>{
      //查看这个config参数
      console.log(config)
    }
}

你可以看下这个问题的回答https://ask.csdn.net/questions/7620000
我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：【Vue】通过 vue.config.js 来解决跨域的问题

在 vue.config.js 中，可以在 chainWebpack 配置中添加一个 before 钩子函数，在里面使用 console.log() 或者 node.js 的 util 库中的 inspect() 函数来查看 config 对象的值。

例如：

module.exports = {
  chainWebpack: config => {
    config.module
      .rule('images')
      .use('url-loader')
        .tap(options => {
          console.log(options)
          return options
        })
  }
}

这样就可以在控制台输出 webpack 对 images 的处理配置。

而关于 alert , window, sessionStorage, localStorage 方法报错，那是因为这些都是浏览器端的方法。在node环境中这些都不能使用。