vite-plugin-amp
v1.2.3
Published
Zero-config AMP for Vite
Downloads
15
Maintainers
Readme
vite-plugin-amp
Vite plugin for AMP project
Features
- Remove all denied script tag
- Inline all styles to
amp-custom
img
tag toamp-img
- Automatically import all missing AMP component scripts.
- Automatically add any missing mandatory AMP tags.
- Optimize via amp-toolbox
- Full AMP
Usage
npm i vite-plugin-amp -D # yarn add vite-plugin-amp -D
Add it to vite.config.ts
// vite.config.ts
import ViteAMP from 'vite-plugin-amp'
export default {
plugins: [ViteAMP()]
}
Support
Support for only Server Side Generation. Please see example.
- [x] Vue3
- [ ] React
- [ ] Preact
- [ ] lit-element
Limitation
AMP Project has limitation of Native JavaScript.
Native Javascript doesn't work unless it's in the amp-script
tag.
If you want to manage state, you can use amp-bind
tag.
Todo
- [ ] Frameworks other than Vue3
- [ ] Add custom CSS size check
- [ ] Hybrid mode
- [ ] Optimize development environment
License
MIT