Comments (13)
@rszemplinski @vreddy448 Let me check how you can achieve this.
from antd-theme-webpack-plugin.
@rszemplinski @vreddy448 I'm in process of creating a sample project using this plugin. In the meanwhile, you can have a look at how I implemented this using base script for this plugin i.e. [email protected]
Here is demo project
https://github.com/mzohaibqc/antd-theme-generator/tree/master/examples/customize-cra
I've updated the plugin and you can use updated version which is [email protected]
as of now.
I'll add sample code soon
from antd-theme-webpack-plugin.
@rszemplinski It is ready, I'll post soon
from antd-theme-webpack-plugin.
@rszemplinski @vreddy448 Here is a demo
https://mzohaibqc.github.io/antd-theme-webpack-plugin/index.html
And here is code for this demo
https://github.com/mzohaibqc/antd-theme-webpack-plugin/tree/master/examples/customize-cra
Note: you don't necessarily need customize-cra
package to achieve this. Anything to inject this plugin in webpack configurations.
from antd-theme-webpack-plugin.
Awesome, this should be easy enough to implement based off what I've seen. Thanks again for doing this!
from antd-theme-webpack-plugin.
i am searching for the same. not able to achieve. Can someone please suggest a way to proceed on this theme switch
from antd-theme-webpack-plugin.
@mzohaibqc extremely appreciate that!
from antd-theme-webpack-plugin.
Not to pester, but will you be posting that sample code sometime soon? @mzohaibqc
from antd-theme-webpack-plugin.
Let me know if you still have issues implementing this
from antd-theme-webpack-plugin.
@mzohaibqc thank you so much for doing all of this. I won't be able to work on this right away but will let you know if something comes up when I do begin to work on it.
One quick question though, with that new customize-cra
project, what generates the color.less
file since your package.json
start
command doesn't run that color.js
file anymore. Is it something you just run once and then you are done with it?
from antd-theme-webpack-plugin.
Ok, one thing to understand, one you are using antd-theme-generator
package which is core script for this antd-theme-webpack-plugin
, then you need to create a color.js
or whatever you want to name it which when executed will produce color.less
which you need to put in public or some directory and access it in index.html file. But when you use this webpack plugin, it does everything for you, you don't need to put color.less in index.html, you don't need to run color.js like node color.js
. You just need to add this plugin in your webpack configurations.
from antd-theme-webpack-plugin.
So based off what you just said, in the customize-cra project that you used as an example, should you even have the color.js
file and index.html
file with the color.less
header in there?
from antd-theme-webpack-plugin.
I first implemented this using base script and then copied the same project and added required changes. You can remove color.js and lessjs import in index.html file
from antd-theme-webpack-plugin.
Related Issues (20)
- Custom variable in specific name convention is not compiled HOT 2
- Theme changing transition
- config antd-prefix change theme not working
- Error: ENOENT: no such file or directory, open 'C:\Users\amin\Documents\GitHub\tagrani-front-end\node_modules\antd\lib\style\themes\@{root-entry-name}.less' HOT 7
- antd theme HOT 2
- 我好像找到给自己的代码加背景,边框线,跟随主题色解决的方法了。 HOT 1
- Tag in dark mode
- Filter out text-shadow in reducePlugin
- Question: Does it work to update font-family or font-size in addition to colors ? HOT 3
- error evaluating function `fade`: color.toHSL is not a function HOT 9
- Error: Cannot find module 'antd-theme-generator' HOT 1
- addAssets = (compilation, assets, callback), SyntaxError: Unexpected token = HOT 9
- generate double color.less file when pass config params outputFilePath different from 'color.less'
- ant tag color changes every complie HOT 3
- JavaScript heap out of memory when modify less file HOT 18
- TypeError: Cannot read property 'startsWith' of undefined HOT 2
- modal RTL problem
- indexFileName not in assets
- every time when project recompile pending at 95% emitting AntDesignThemePlugin in env vue3.x used by ant design vue HOT 6
- `darken`: color.toHSL is not a function AND my color.less is empty, i tired evey single solution HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from antd-theme-webpack-plugin.