All source files belong to the src folder. The page itself is served off the public folder.
Gulp tasks deploy your compiled and packed styles (one styles.css) and scripts (app.js) to this public folder either uncompressed with sourcemaps as default or compressed and without sourcemaps for production (use --production argument to gulp tasks).
git clone --recursive [email protected]:freinbichler/wordpress-es6-sass-boilerplate.git my-wordpress-site
cd my-wordpress-site
npm installSet DEST_FOLDER to your WordPress theme path and DEV_URL to your local vhost serving the WordPress site from the public folder.
You may also want to change the checked out version of WordPress, see section "Update WordPress" below.
Copy public/wp-content/wp-config-sample.php to public/wp-content/wp-config.php and enter your database info.
After that execute npm start, point your browser to http://localhost:3000 and start adding and editing files in src.
npm start- alias forgulp servenpm run build- alias forgulp build --production
gulp serve- starts Browsersync and serves your app for testing in different browsers (default: http://localhost:3000, Browsersync-UI at http://localhost:3001), after changes in SCSS, JS and HTML files insrcthe page is automatically refreshedgulp build- executes all tasks, but does not start a browsersync server
Add --production to any gulp task to activate production mode. In production mode all code will be minified and no sourcemaps are written.
cd public/wordpress
git fetch --tags
git checkout tags/4.9.1
This project was initialized with the wordpress-es6-sass-boilerplate