深坑react 引入antd无效问题
2024-10-19 18:11:45
//安装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
}
}
]
},
重启项目即可；
最新文章
- 异常详细信息: System.ComponentModel.Win32Exception: 拒绝访问。
- uart启示2_异步操作的bug
- webkit浏览器css设置滚动条
- MVC4.0中下来列表框的，两种使用方法DropDownList
- 关于Eclipse生成和导入Patch文件.
- hadoop-2.5安装与配置
- 九度OJ 1514 数值的整数次方【算法】
- c语言const
- <php>上传文件的程序
- 「OC」 多态
- PHP经验——获得PHP版本信息及版本比较
- Linux操作系统-安装JAVA
- 在控制台进行依赖注入（DI in Console）
- Mysql(六)：数据备份、pymysql模块
- 在JavaScript中使用三目运算符时进行多个操作
- Python学习之旅（三十五）
- nginx简单学习(tomcat)
- CRM N:1 关系或者字段无法删除
- Storm 安装部署
- P2371 [国家集训队]墨墨的等式