craco 配置 less.module

摘要:
ConstCracoLess=require('raco less')constCracoAntDesign=require('raco-ant d')constpath=require('路径')模块。exports={plugins:[//Less的相关配置(例如模块样式){plugin:function(){return{test:use:{modules:
const CracoLess = require('craco-less')
const CracoAntDesign = require('craco-antd')
const path = require('path')

module.exports = {
    plugins: [
        // 针对Less的相关配置(如module样式)
        {
            plugin: CracoLess,
            options: {
                lessLoaderOptions: {
                    lessOptions: { javascriptEnabled: true }
                },
                modifyLessRule: function () {
                    return {
                        test: /.module.less$/,
                        exclude: /node_modules/,
                        use: [
                            { loader: 'style-loader' },
                            {
                                loader: 'css-loader',
                                options: {
                                    modules: {
                                        localIdentName: '[local]_[hash:base64:6]'
                                    }
                                }
                            },
                            { loader: 'less-loader' }
                        ]
                    }
                }
            }
        },
        // `Ant Design`相关配置
        {
            plugin: CracoAntDesign,
            options: {
                customizeThemeLessPath: path.join(
                    __dirname,
                    'src/antd.customize.less'
                )
            }
        }
    ]
}

免责声明:文章转载自《craco 配置 less.module》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇VMWare Esxi 6.5(实际为5.x,6.x)时区问题virtualbox中安装openwrt下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

midway mysql egg-mysql 配置 基础操作 增删改查

egg-mysql:GITHUB传送门 一、配置安装egg-mysql npm install egg-mysql -S 在src/config/plugin.ts添加配置代码如下 export default { …… mysql: { enable: true, package: 'egg-mysql', } …… } as EggPlugin; 在s...

为Office365增加密码过期自动提醒功能

最近有人和我反应,无法查看所有员工的Office365的密码过期时间。最好可以批量查看,如果能在过期前几天发个提醒邮件就更好了。 $pw = ConvertTo-SecureString 'your_pwd' -AsPlainText -Force $creds = New-Object -Typename System.Management.Automa...

PyMySQL模块

  PyMySQL是Python操作数据库的模块,在Python3.x版本中用于连接MySQL服务器,即作为Python操作MySQL数据库对象的接口。 安装PyMySQL   pip3 install PyMySQL 导入PyMySQL   import pymysql 连接数据库   格式:conn = pymysql.connect(host=' '...

Vue-CLI为前端项目配置https证书

直入正题,直接在Vue-CLI的vue.config.js文件devServer字段配置: // 证书的密码 pfxPassphrase: 'xxxx', // when develop with https need to provide server certificate to browser. // 证书在本项目下的相对路径...

文件的上传&预览&下载学习(一)

注:主要是说明后端逻辑和数据库表设计 1.当前主流的几种文件上传&预览&下载方式 把文件直接存储在服务器 分布式存储OSS,比如阿里OSS、Minio 2.数据库表设计 由于文件都是跟业务关联的,比如评论里面掺杂评论图片,常规的设计就是在'评论表'添加上传'图片名称'字段和'图片相对路径',在上传成功后返回给前端 1.1 如果是加入多个...

Python源码.py文件打包为.whl文件

1 python源码.py文件打包  1.1 安装工具包 python源文件打包需要用到setuptools和wheel工具包:  1.2建立python项目源文件   建立一个名称为hello的项目包和setup.py文件    其中hello项目包中有一个hello_world.py文件和一个__init__.py文件 hello_world.py...