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

在 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环境中这些都不能使用。

相关问题

vue2中没有VUE.Config.js，该怎么配置Vue.config.js 的 chainWebpack

在Vue2中，你可以通过在项目根目录下的`vue.config.js`文件中进行配置。如果你想要配置`chainWebpack`，你可以按照以下方式进行：

module.exports = {
  chainWebpack: config => {
    // 在这里添加你的Webpack配置
  }
}

你可以在`config`对象上使用Webpack提供的所有配置项。例如，如果你想要添加一个新的loader，你可以使用以下代码：

module.exports = {
  chainWebpack: config => {
    config.module
      .rule('my-rule')
      .test(/\.my-extension$/)
      .use('my-loader')
      .loader('my-loader')
      .end()
  }
}

这将向Webpack添加一个新的规则，当遇到`.my-extension`的文件时，将使用`my-loader`进行处理。

我的vue项目中只有babel.config.js没有vue.config.js

在Vue项目中，babel.config.js和vue.config.js是两个不的配置文件，分别用于不同的用途。

babel.config.js是用来配置Babel编译器的配置文件。Babel是一个JavaScript编译器，它可以将新版本的JavaScript代码转换为向后兼容的版本，以便在旧版本的浏览器或环境中运行。babel.config.js文件用于指定Babel的配置选项，例如需要转换的语法、插件和预设等。

而vue.config.js是用来配置Vue项目的配置文件。Vue CLI是一个基于Vue.js进行快速开发的脚手架工具，它使用vue.config.js文件来配置项目的各种选项。在vue.config.js文件中，你可以配置项目的开发服务器、构建输出路径、静态资源路径、代理设置、插件配置等等。

如果你的Vue项目中只有babel.config.js而没有vue.config.js，那可能是因为你没有手动创建vue.config.js文件。默认情况下，Vue CLI会使用默认的配置选项来构建和运行项目，如果你需要自定义一些配置，可以手动创建vue.config.js文件，并在其中进行相应的配置。