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 } } ] }, 重启项目即可;