This plugin give you the ability to use Vite JS directly in your theme.
You can use this plugin with the starter theme Press-wind: https://github.com/WP-Performance/press-wind
- Install the presswind-helpers plugin.
- Install the Press-wind theme.
- Start coding!
- port - default 3000
- path - from your theme root
- position front|admin|editor - default front
- is_ts - default false
- is_plugin true|false - default false - for search assets in plugin folder instead of theme folder
- slug - handle - default presswind-script
if (class_exists('PressWind\PWVite')) {
// use with named parameters for more readability
// in theme
// 1 - search dist folder in root theme
\PressWind\PWVite::init(port: 3000, path: '');
// 2 - search admin/dist folder in root theme
\PressWind\PWVite::init(port: 4444, path: 'admin', position: 'admin', is_ts: false);
// in plugin
// 3 - search dist folder in plugin test-plugin
\PressWind\PWVite::init( port: 7777, path: 'test-plugin/', is_plugin: true, slug:
'plugin-test' );
}
use PressWind\PWAssets;
// for css
PWAsset::add('my-css', get_template_directory_uri().'/assets/style.css')->dependencies([])->media('all')->version('1.0.0')->toFront();
PWAsset::add('my-css', get_template_directory_uri().'/assets/style.css')->dependencies([])->media('all')->version('1.0.0')->toBack();
PWAsset::add('my-css', get_template_directory_uri().'/assets/style.css')->dependencies([])->media('all')->version('1.0.0')->toBlock();
PWAsset::add('my-css', get_template_directory_uri().'/assets/style.css')->dependencies([])->media('all')->version('1.0.0')->toLogin();
// for js
PWAsset::add('my-js', get_template_directory_uri().'/assets/js/app.js')
->dependencies(['jquery'])
->version('1.0.0')
->module()
->toFront()
->withInline('console.log("hello world")');
PWAsset::add('my-js', get_template_directory_uri().'/assets/js/app.js')
->dependencies(['jquery'])
->version('1.0.0')
->noModule()
->toFront();
PWAsset::add('my-js', get_template_directory_uri().'/assets/js/app.js')
->dependencies(['jquery'])
->version('1.0.0')
->async()
->inFooter()
->toFront();
PWAsset::add('my-js', get_template_directory_uri().'/assets/js/app.js')
->dependencies(['jquery'])
->version('1.0.0')
->defer()
->inFooter()
->toFront();
PWAsset::add('my-js', get_template_directory_uri().'/assets/js/app.js')
->dependencies(['jquery'])
->version('1.0.0')
->defer()
->inFooter()
->toBack();
PWAsset::add('my-js', get_template_directory_uri().'/assets/js/app.js')
->dependencies(['jquery'])
->version('1.0.0')
->defer()
->inFooter()
->toBlock();
PressWind Helper is released under the terms of the GNU General Public License version 2 or (at your option) any later version. See LICENSE.md for complete license.