在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ react中使用antd-mobile時開啟css modolues 樣式失效問

react中使用antd-mobile時開啟css modolues 樣式失效問題.

如題,
使用了babel-plugin-import 按需加載
package.json 中配置:

"babel": {
    "presets": [
      "react-app"
    ],
    "plugins": [
      [
        "import",
        {
          "libraryName": "antd-mobile",
          "style": "css"
        }
      ]
    ]
  },

在webpack.config.js 中配置 css modules:

test: /\.css$/,
exclude: /node_modules|antd-mobile\.css/,//設置無效
use: [
  require.resolve('style-loader'),
  {
    loader: require.resolve('css-loader'),
    options: {
      importLoaders: 1,
      modules:true,
      localIdentName:'[name]-[local]-[hash:base64:8]',
    },
  },
]

設置:exclude: /node_modules|antd-mobile.css/
排除 /node_modules/ 也無效

請問 如何解決呢??

回答
編輯回答
艷骨
      {
        test: /\.css$/,
        include: /node_modules\/antd/,
        use: [
          require.resolve('style-loader'),
          {
            loader: require.resolve('css-loader'),
            options: {
              modules:false
            },
          },
        ]
      },
      {
        test: /\.css$/,
        exclude: /node_modules\/antd/,
        use: [
          require.resolve('style-loader'),
          {
            loader: require.resolve('css-loader'),
            options: {
              importLoaders: 1,
              modules:true,
              localIdentName:'[name]-[local]-[hash:base64:8]',
            },
          },
        ]
      },
2018年7月11日 11:26