react项目实战（权限模块开发二）项目配置修改

最新推荐文章于 2024-05-30 11:43:51 发布

飞天代码

最新推荐文章于 2024-05-30 11:43:51 发布

阅读量1.9k

点赞数

分类专栏： react项目实战文章标签： react

本文链接：https://blog.csdn.net/weiyongliang_813/article/details/75303041

版权

react项目实战专栏收录该内容

9 篇文章 2 订阅

订阅专栏

1 由于dva默认是会给class后面添加后缀，由于本项目会引用大量外部css，所以需要关闭该功能。
修改.roadhogrc，在里面添加一句

 "entry": "src/index.js",
   "disableCSSModules":true,
  "env": {

2 编辑 .roadhogrc，使 babel-plugin-import （按需加载）插件生效。
首先安装插件

cnpm install antd babel-plugin-import --save

"extraBabelPlugins": [
     "transform-runtime",
     ["import", { "libraryName": "antd", "style": "css" }]
],

目前先修改到这，最终.roadhogrc的内容大概如下：

{
  "entry": "src/index.js",
   "disableCSSModules":true,
  "env": {
    "development": {
      "extraBabelPlugins": [
        "dva-hmr",
        "transform-runtime"
      ]
    },
    "production": {
      "extraBabelPlugins": [
        "transform-runtime",
          ["import", { "libraryName": "antd", "style": "css" }]
      ]
    }
  }
}