Fork me on GitHub

React 项目中使用create-react-app创建项目引入antd样式不起作用的问题

//安装babel-plugin-import
第一步:npm install babel-plugin-import --save
第二步:暴露webpack.config.js运行:npm run eject 注意:如果用git管理代码,记得一定要提交才能安装
第三步:在webpack.config.js中的module下的oneOf数组里加入下面代码: {
              test: /(\.jsx|\.js)$/,               exclude: /node_modules/,               loader: 'babel-loader',               query:               {                 plugins: [                   [                     "import",                     { libraryName: "antd", style: 'css' }                   ] //antd按需加载                 ]               },             },             {//CSS处理               test: /\.css$/,               loader: "style-loader!css-loader?modules",               exclude: /node_modules/,             },             {//antd样式处理               test: /\.css$/,               exclude: /src/,               use: [                 { loader: "style-loader", },                 {                   loader: "css-loader",                   options: {                     importLoaders: 1                   }                 }               ]             }, 重启项目即可;

 

posted @ 2021-01-17 22:20  欢欢11  阅读(566)  评论(0编辑  收藏  举报