antd-mobile样式不生效 按需加载解决

.babelrc文件的plugins 加入

"plugins": [
    ["import", { "libraryName": "antd-mobile", "libraryDirectory": "es","style": "css" }],//重点！网上大多漏了句"libraryDirectory": "es",
    "transform-runtime",// 这一句是我本地原有的，
  ]

按理说按需加载不需要手动引入antd相关模块的css文件的
但一直没搞通，今天搞了下终于可以了，把代码贴出来便于记忆，也方便大家
在webpack4的配置文件中，对于css的处理
先全局style+css loader
再针对自己的代码（除去node_modules中的）添加 option:{modules: true}

      {
        test: /\.css$/,
        use: [
          { loader: 'style-loader' },
          { loader: 'css-loader' }
        ] 
      }, 
      {
        test: /\.css$/,
        exclude: /node_modules/,             // 这里！
        use: [
          { loader: 'style-loader' },
          {
            loader: 'css-loader', 
            options: {                       // 还有这里！
              modules: true
            }
          },
        ] 
      }

然后再试试？希望大家也能成功 ? ?