antd-scss-theme-plugin:一个Webpack插件,用于通过SCSS主题文件自定义Ant Design,并在整个项目中使用Ant Design在SCSS文件中的已编译变量

时间:2024-06-06 02:46:39
【文件属性】:

文件名称:antd-scss-theme-plugin:一个Webpack插件,用于通过SCSS主题文件自定义Ant Design,并在整个项目中使用Ant Design在SCSS文件中的已编译变量

文件大小:248KB

文件格式:ZIP

更新时间:2024-06-06 02:46:39

stylesheets webpack-plugin antd webpack-setup scss-theme

antd-scss-theme-plugin antd-scss-theme-plugin是一个,可让您在具有SCSS样式的项目中有效使用 。 有了它,您可以: 通过通过单个theme.scss文件指定主题变量替代来定制Ant Design。 @import您的theme.scss文件中的Ant Design的和 变量。 当theme.scss更改时,热重新加载您的项目。 :open_book: 有关该插件及其用法的更详细概述,请上的“文。 目录 -有关从npm安装此Webpack插件的说明。 配置 步骤1.将Ant Design配置为使用更少的样式表-有关将antd配置为使用Less而不是预先编译CSS的说明。 第2步。在Webpack设置中使用antd-scss-theme-plugin plugin-启用此插件的说明。 用法 自定义Ant Design的主题-如何在SCSS中指定主题变量


【文件预览】:
antd-scss-theme-plugin-master
----.eslintrc(332B)
----yarn.lock(295KB)
----webpack.config.js(852B)
----src()
--------loaderUtils.js(660B)
--------extractVariablesLessPlugin.js(2KB)
--------antdLessLoader.js(2KB)
--------utils.js(3KB)
--------antdSassLoader.js(3KB)
--------index.js(2KB)
----.babelrc(210B)
----.circleci()
--------config.yml(3KB)
----example()
--------.eslintrc(301B)
--------yarn.lock(280KB)
--------webpack.config.js(2KB)
--------src()
--------.babelrc(208B)
--------README.md(748B)
--------.gitignore(13B)
--------package.json(1KB)
----jest.config.js(94B)
----__tests__()
--------loaderUtils.test.js(1KB)
--------utils.test.js(2KB)
--------data()
--------antdLessLoader.test.js(865B)
--------antdSassLoader.test.js(3KB)
----LICENSE.md(3KB)
----README.md(9KB)
----resources()
--------blue-orange-comparison.png(37KB)
--------y-combinator.png(2KB)
----.editorconfig(167B)
----misc()
--------testUtils.js(665B)
----.gitignore(36B)
----package.json(2KB)

网友评论