vuecli 相关配置

1. 适用 css module 时默认生成的类型全部转成了 hash 值，我们根本没办法通过生成的类名定位到具体是我们写的哪个元素

• vue.config.js（注意使用 vuecli 配合 ts， vue.config文件必须以 .js 结尾）

module.exports = defineConfig({
  css: {
      extract: false,
      loaderOptions: {
        css: {
        // 注意：以下配置在 Vue CLI v4 与 v3 之间存在差异。
        // Vue CLI v3 用户可参考 css-loader v1 文档
        // https://github.com/webpack-contrib/css-loader/tree/v1.0.1
        modules: {
          // [local] 就是你当前写的类名 [hash:base64:5] 生成的hash后缀 [name] 当前css文件名
          localIdentName: '[local]___[hash:base64:5]',
          // 匹配 .module.less 结尾的文件为上面的 类名标准
          auto: /\.module\.less$/i,
        },
      }
    }
},
})