根據(jù)ant官方的使用方法，我在react里面使用了antimport{Table,Button}from'antd';這樣已經(jīng)能正常使用里面提供的組件了，但后來我想修改Table組件里面的一些樣式，在還沒修改前，先按照官方的方法引入ant里面的less文件import'antd/dist/antd.less';然后npmrunbuild就報錯，如果把less改成css就不會報錯后面使用ant官方說的按需引入方案importDatePickerfrom'antd/lib/date-picker';//加載JSimport'antd/lib/date-picker/style/css';//加載CSS//import'antd/lib/date-picker/style';//加載LESS也是引入css就沒錯，引入less就報錯最后改為用使用babel-plugin-import做按需引入，//.babelrcorbabel-loaderoption{"plugins":[["import",{"libraryName":"antd","libraryDirectory":"es","style":"css"}]//`style:true`會加載less文件]}也是一樣npmrunbuild的報錯信息如下：Failedtocompile../node_modules/antd/es/input/style/index.lessModulebuildfailed:@import"./search-input";^Can'tresolve'./search-input'in'F:\webproject\old\user\marketmgr\thirdmanager\my-app\node_modules\antd\es\input\style'inF:\webproject\old\user\marketmgr\thirdmanager\my-app\node_modules\antd\es\input\style\index.less(line33,column0)npmERR!codeELIFECYCLEnpmERR!errno1npmERR!my-app@0.1.0build:`nodescripts/build.js`npmERR!Exitstatus1npmERR!npmERR!Failedatthemy-app@0.1.0buildscript.npmERR!Thisisprobablynotaproblemwithnpm.Thereislikelyadditionalloggingoutputabove.npmERR!Acompletelogofthisruncanbefoundin:npmERR!C:\Users\keiouks\AppData\Roaming\npm-cache\_logs\2018-02-28T01_24_26_181Z-debug.log不管使用哪種方法，只要引入ant里面的less，就報這個錯我已經(jīng)安裝了less和less-loader，下面是webpack的配置{test:/\.less$/,loaders:['style-loader','css-loader','less-loader']},//"file"loadermakessurethoseassetsgetservedbyWebpackDevServer.//Whenyou`import`anasset,yougetits(virtual)filename.//Inproduction,theywouldgetcopiedtothe`build`folder.//Thisloaderdoesn'tusea"test"soitwillcatchallmodules//thatfallthroughtheotherloaders.{//Exclude`js`filestokeep"css"loaderworkingasitinjects//itsruntimethatwouldotherwiseprocessedthrough"file"loader.//Alsoexclude`html`and`json`extensionssotheygetprocessed//bywebpacksinternalloaders.exclude:[/\.(js|jsx|mjs)$/,/\.html$/,/\.json$/,/\.scss$/,/\.less$/],loader:require.resolve('file-loader'),options:{name:'static/media/[name].[hash:8].[ext]',},},希望指點