antd的樣式引入


https://zhuanlan.zhihu.com/p/42313148

在做項目的時候,直接npm install antd 然后import {Input} from "antd"這樣來使用的時候發現沒有樣式,所以需要在webpack中加入一些配置來實現按需引用antd的樣式,方法如下:

安裝插件babel-plugin-import

npm installl babel-plugin-import

.babelrc配置修改

{ "presets": [ "env","react","stage-0" ], "plugins": [ "syntax-dynamic-import", "transform-runtime", [ "import", { "libraryName": "antd", "style": "css" } ] ] } 

其中

    [
      "import",
      {
        "libraryName": "antd",
        "style": "css"
      }
    ]
  ]

這個就是用來實現按需加載antd的樣式的

如果babel的配置寫在webpack.config.js中,寫法樣式參考webpack官網。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM