Comments (5)
Hi @fchpr, thank for your feedback. I am not familiar with svelte, and more important I am focusing on tracking assets dependences(which discuss a lot in rollup/rollup#2872).
If you have time, welcome to add these features. I'd like to think about these as soon as after finishing the tracking work (I already have some ideas to solve this problem, so it will not taken much time : - ) ).
from vite-plugin-chrome-extension.
@fchpr, I am looking into using this plugin with vite/svelte. I add an svelte example by using svelte in options page and popup page. It works well with command vite build
.
However, you mentioned that the error is thrown when running in dev
mode. What does the dev
mode mean? The default svelte template project contains dev
script: vite
, but I think a watch
mode is more suitable for Chrome Extension development. I prefer using Storybook for component development, and using watch build mode
for debugging in Chrome.
from vite-plugin-chrome-extension.
Heyo! Sorry for not being able to answer... Your example seems pretty neat. The issue is that by default vite
command seems to be made for hot-relaoding web/apps, not extensions per se. So what we should be looking for is a custom run script for watching source files and then re-run the dist build on any change to them.
Storybook is a great tool, indeed, but it may not apply to every case. I mean for small projects may be overkill...
Anyways, I will try to post any update here when I have time to look at the vite
source code. Thanks for the update!
from vite-plugin-chrome-extension.
As mentioned in #6, whether the --watch
option mentioned by @infix is what you need? In this mode, vite
will rebuild the source code when it detect changes. As far as I know, Chrome extension can only be updated by reloading files which is differ from how vue
or svelte
development server works.
from vite-plugin-chrome-extension.
Yes, it's. Let's follow the feature there. Thanks! Cheers,
from vite-plugin-chrome-extension.
Related Issues (20)
- Both package-lock.json and pnpm-lock.yaml in project
- validate manifest content_security_policy error HOT 1
- Add support for manifest v2
- import tailwind in popup html HOT 9
- Any react version template update ? HOT 1
- Not minifying
- Add support for DevTools HOT 1
- Content Scripts should not be IIFE HOT 1
- How do I run all the tests? HOT 1
- No sourcemaps HOT 1
- Missing Livereload HOT 3
- Permission Management detection misdetection HOT 3
- Cannot read property 'reduce' of undefined HOT 2
- Is this repo supposed to have no new commits? HOT 1
- This repo is unmaintained, see comment -> HOT 3
- move "vite" to peerDependencies
- Using CSS libraries
- Why popup page has no style? HOT 1
- Is there already a react example
- Unable to fix 'unsafe-eval' problem on Manifest V3 HOT 1
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 vite-plugin-chrome-extension.