webpack react简记

1、引入antd报错‘ ERROR in ./node_modules/antd/lib/style/index.less’时

解决方案：.babelrc增加如下配置

"plugins": [
        
        [
          "import",
          {
            "libraryName": "antd",
            "libraryDirectory": "lib",
            "style": false
          }
        ]
      ]

antd mobile的配置如下

["import", { "libraryName": "antd-mobile", "libraryDirectory": "es/components", "style": false}]

2、less常见配置

 {
        test: /\.less$/,
        use: ['style-loader', 'css-loader', {
          loader: 'less-loader',
          options: {
            lessOptions: {
              javascriptEnabled: true
            }
          }
        }]
      },

 // 或者
{

    test: /\.less$/,

    use: [

        'style-loader',

        'css-loader',

        'less-loader'

    ]

},