深坑react 引入antd无效问题

时间：2020-06-17 11:19:01 阅读：133 评论：0 收藏：0 [点我收藏+]

标签：nbsp div options name conf ack nod 按需加载 pack

//安装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)$/,

loader: ‘babel-loader‘,

query:

{

plugins: [

[

"import",

{ libraryName: "antd", style: ‘css‘ }

] //antd按需加载

]

{//CSS处理

test: /\.css$/,

loader: "style-loader!css-loader?modules",

{//antd样式处理

test: /\.css$/,

use: [

{ loader: "style-loader", },

{

loader: "css-loader",

options: {

importLoaders: 1

}

]


重启项目即可；

深坑react 引入antd无效问题

标签：nbsp div options name conf ack nod 按需加载 pack

原文地址：https://www.cnblogs.com/nimon-hugo/p/13150712.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行