vue3 vue.config.js配置

Vue3中的vue.config.js配置可以通过configureWebpack和chainWebpack来实现。在configureWebpack中可以根据环境进行不同的配置，例如在生产环境下修改配置，而在开发环境下修改配置。而在chainWebpack中可以配置各种loader，例如配置css相关的loader。

在configureWebpack中的示例代码如下：

configureWebpack: config => {
  if (process.env.NODE_ENV === 'production') {
    // 为生产环境修改配置...
  } else {
    // 为开发环境修改配置...
  }
}

在chainWebpack中的示例代码如下：

chainWebpack: config => {
  // 配置 loader
  config.module
    .rule('graphql')
    .test(/\.graphql$/)
    .use('graphql-tag/loader')
    .loader('graphql-tag/loader')
    .end()
  // 可以继续添加其他 loader
  .use('other-loader')
    .loader('other-loader')
    .end()
  //...
}

另外，也可以通过loaderOptions来配置css相关的loader。示例代码如下：

css: {
  loaderOptions: {
    css: {
      // 这里的选项会传递给 css-loader
    },
    postcss: {
      // 这里的选项会传递给 postcss-loader
    }
  }
}