Do you always wanted to get into modern front-end development but was too worried with all the tooling involved? Well, I was too, and after spending over a year learning everything, I thought it is time WordPress has an awesome DX for front-end development too.
wpack.io is an attempt to overcome all the pain points from setting up proper tooling to make webpack work with WordPress.
- π Have Create React App like Best In Class developer experience for WordPress Plugin/Theme development.
- π Consume all the modern packages from npm registry.
- π Write javascript with modern ES2018 (ES6+) syntax and compile it down to
ES5 (or in accordance to your
.browserslistrc
). - π Automatically minify and bundle code with webpack.
- π Split large files automatically and have PHP library to
wp_enqueue_script
all generated parts. - π Use SASS/SCSS language to create stylesheets.
- π Use postcss autoprefixer to automatically make your CSS work with needed vendor prefixes.
- π Implement all the above to your existing wamp, mamp, vvv (basically any) dev server.
- π Create production grade, super optimized and minified files with one command (hello CI).
- π Typescript and Flowtype to take your js carrier to the next level. This tooling itself is written in typescript.
- π All the stuff you need to start developing using react. Hello Gutenberg!
- π HOT MODULE REPLACEMENT(HMR) for CSS/SASS and supported javascript modules.
- π Create directly installable
.zip
file.