{"repo":"oguilleux/vite-wordpress-starter-theme","free":true,"listed":false,"github":"https://github.com/oguilleux/vite-wordpress-starter-theme","clone":"git clone https://github.com/oguilleux/vite-wordpress-starter-theme.git","description":"A simple WordPress starter theme using Vite.js","language":"PHP","stars":55,"topics":["javascript","js","php","vite","vitejs","wordpress","wordpress-development","wordpress-theme","es6","es6-javascript"],"license":null,"category":"saas-starters-boilerplates","readme_excerpt":"WordPress Vite.js starter theme Under the hood - ES6 for JavaScript - SASS preprocessor for CSS following SASS Guidelines - Bootstrap 5 as CSS framework (customizable with SASS) - Vite.js to compile theme assets and provide live reload Requirements Node Usage First, clone this repository in your WordPress themes directory. Then, run the following commands in the theme's directory : npm install Launch your watch for assets with : npm run dev For production sites, create your build with : npm run build Vite & WordPress - All the static assets used in scss or js files (images, fonts, etc.) are copied as-is to the dist directory. The other images used directly in php files are not copied . - To detect dev mode in php there is no dist directory, it is added on build. Troubleshooting [dev mode] - Vite needs to know the root path of your project so you cannot use a subdirectory as the root of your WordPress installation. - If you haven't started the dev server, your assets will not be compiled just npm run dev and refresh page. - In your scss files use the alias @ to target the static/ directory. ie : background-image: url('@/img/logo.png');","default_branch":null,"files":null,"tree":[],"storefront":"/r/oguilleux","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/oguilleux/vite-wordpress-starter-theme/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}