如何在Webpack 3中配置Ant Design？附问题修复方案

修复与解决方案 #

多亏@BoyWithSilver的提示，我总算搞定了这个配置坑，把亲测有效的修复步骤整理出来：

• 在Webpack配置的extensions项里添加.less后缀
• 清理webpack.config.json中的冗余代码，比如移除extract-text-webpack-plugin相关配置
• 将less版本从3.0.1降级至2.7.0
• 这一步直接修复了Ant Design的index.less文件中频繁出现的*"length of undefined"*错误

更新2 #

我还做了这些额外调整：

• 移除webpack.config.js里的context配置项：

// context: path.resolve(__dirname, 'dist')

• 添加了javascriptEnabled相关配置（用于处理less中的JS表达式）

更新3：我的package.json内容 #

// 此处为我的package.json具体配置示例
{
  "name": "your-project-name",
  "version": "1.0.0",
  "dependencies": {
    "antd": "^x.x.x",
    "less": "^2.7.0",
    // ... 其他项目依赖
  },
  "devDependencies": {
    "webpack": "^3.x.x",
    "less-loader": "^x.x.x",
    // ... 其他开发依赖
  }
}

内容的提问来源于stack exchange，提问作者Franva