1. 安裝

npm i @craco/craco

npm i craco-less #less處理外掛

npm i babel-plugin-import #自動匯入antd的css樣式

2. 配置

1. 在根目錄建立craco.config.js 檔案

2. 配置：

   const CracoLessPlugin = require("craco-less");
   
   module.exports = {
       babel: {
           plugins: [
               [
                   "import", //支援樣式自動載入
                   {
                       "libraryName": "antd",
                       "libraryDirectory": "es",
                       "style": 'css' //設定為true即是less 這裡用的是css
                   }
               ]
           ]
       },
       plugins: [
           {
               plugin: CracoLessPlugin,
               options: {
                   // 此處根據 less-loader 版本的不同會有不同的配置，詳見 less-loader 官方文件
                   lessLoaderOptions: {
                       lessOptions: {
                           modifyVars: { '@primary-color': '#1DA57A' },// 主題配置
                           javascriptEnabled: true
                       }
                   }
               }
           }
       ]
   }
    
   

人生人山人海人來人往，自己自尊自愛自由自在。

本文來自部落格園，作者：青檸i，轉載請註明原文連結：https://www.cnblogs.com/fuct/p/15527877.html