深坑react 引入antd无效问题
//安装babel-plugin-import第一步:
npm install babel-plugin-import --save
第二步:暴露webpack.config.js
运行:npm run eject
第三步:在webpack.config.js中的module下的oneOf数组里加入下面代码:
{//ES6、JSX处理
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
}
}
]
},
重启项目即可;
以上是 深坑react 引入antd无效问题 的全部内容, 来源链接: utcz.com/z/383977.html