如何在vue-cli中使用`localIdentName`

问题描述

我正在尝试随机化/最小化生成的类名。

目前，我正在使用一个相当普通的vue-cli项目，并且还使用了Tailwind CSS，希望它不会使任何事情变得复杂。

目前，这是我通过阅读vue-loader文档this和this进入vue.config.js的距离，但是这只能成功一半... CSS可以完美地缩小，但是我的vue组件类没有变化，因此就好像它没有解析* .vue文件。

我认为这可能是因为我注意到它提到使用<style scoped>，但是使用Tailwind时，您的组件中不需要样式标签。在我的src/assets/styles/main.pcss文件中实际上包含了100％的CSS，该文件由几个@import语句组成。就是这样。

module.exports = {
  css: {
    requireModuleExtension: false,loaderOptions: {
      css: {
        modules: {
          localIdentName: '[hash:6]',},chainWebpack: config => {
    // disable eslint temporarily
    config.module.rules.delete('eslint');
  },};

还有我的顺风配置：

module.exports = {
  future: {
    purgeLayersByDefault: true,removeDeprecatedGapUtilities: true,plugins: [],purge: [
    './src/**/*.html','./src/**/*.vue',],theme: {},};

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）