Comments (3)
I'm using this boilerplate, and it's great, but the build times are crazy. So, I've tried to come up with something to make it faster and then I found this: https://crxjs.dev/vite-plugin. It's a plugin for Vite. Now, in the vite config, I only have the React plugin and this one. And it's the best because you just run 'vite dev,' and it works like a normal vite project (super fast). Check it out before you start this big refactor. Actually, this could be a great thing to add to this boilerplate
from chrome-extension-boilerplate-react-vite.
I'm using this boilerplate, and it's great, but the build times are crazy. So, I've tried to come up with something to make it faster and then I found this: crxjs.dev/vite-plugin. It's a plugin for Vite. Now, in the vite config, I only have the React plugin and this one. And it's the best because you just run 'vite dev,' and it works like a normal vite project (super fast). Check it out before you start this big refactor. Actually, this could be a great thing to add to this boilerplate
Thanks for the nice comment. To be honest, I've been deeply inspired by the project you mentioned and have been admiring its internal implementation since it first appeared.
However, that project and the direction I want to go are different, and here's why.
That project is a sophisticated plugin, implemented by tweaking vite's devServer implementation to output to local files. (genious!)
My project, on the other hand, is boilerplate and aims for base code that users can change relatively easily in the future (so that they can easily customize it into their own project).
If I were to use that plugin in my project, my boilerplate project would be very directly dependent on it. This means that the vite and esbuild ecosystems that it relies on will also be more tightly coupled.
I hope you can understand that this is a different direction of thinking and therefore a different direction of implementation, Thanks :)
from chrome-extension-boilerplate-react-vite.
I was tried to implement i18n, it's possible but not that easy, cause of the current turborepo structure, if you want to use the translation in one module, then this module have in the output files, the message.json(with translation), and the entry point of the module index file, was changed cause of the difference in the folders structure.
I know there's some extra features like interpolation, and i18n works good with React, but IMO the i18n chrome extension approach is good, and don't need any extra modules.
As you describe above, the boilerplate is 'difficult to understand', and we need to consider if this is really necessary, cause of the translation in '_locals' is easy to use.
I'm open to discussion <3
from chrome-extension-boilerplate-react-vite.
Related Issues (20)
- [Question] 각 페이지의 역할에 대해 궁금합니다! Wondering about the role of each page! HOT 5
- HMR does not work on Content Scripts Change HOT 4
- Is there any way to use React Developer Tools for debugging my extension? HOT 5
- Why the document default language is Korean? HOT 2
- Chakra UI Components Not Rendering HOT 3
- Consider using crxjs HOT 1
- Filename contains the word `content` will prevent import module HOT 2
- ReferenceError: chrome is not defined HOT 2
- Rollup module issue on 'pnpm dev' HOT 1
- Page variables and plug -in variable conflict HOT 2
- Add unocss example integration HOT 4
- How to remove the new tab? HOT 2
- Versions outdated HOT 2
- pnpm dev-server throws an error HOT 4
- 0.1.2 ERROR run failed: command exited (1) HOT 18
- The startup speed of the new version is so slow HOT 2
- Use eslint 9 HOT 5
- Can't load content scripts in FireFox HOT 5
- Sending a message from the popup to content or content-ui 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 chrome-extension-boilerplate-react-vite.