* enhance(view): Add light default styling for Tailwind * chore(view): Clean up unnecessary selectors and spacing * feat(acorn): Update Acorn for Laravel 8.x * chore(acorn): Create default `bootstrap/` project directory for Laravel 8.x * refactor(acorn): Split the Acorn bootloader between `functions.php` and `bootstrap/app.php` to coincide with Laravel * refactor(assets): Lighten the out of the box CSS boilerplate * refactor(assets): Rename `dist/` to `public/` to coincide with Laravel * refactor(assets): Flatten the `assets/` directory into `resources/` to coincide with Laravel * refactor(assets): Rename `scripts/` to `js/` to coincide with Laravel * refactor(assets): Rename `styles/` to `css/` to coincide with Laravel * feat(deps): Update to Laravel Mix ^6.0 * chore(deps): Change Mix-related package.json `scripts` to the new `mix` binary * chore(deps): Remove PurgeCSS in favor of Tailwind's built in purge * chore(deps): Remove deprecated/unnecessary/unused dependencies * chore(deps): Bump minimum PHP version to 7.3 to coincide with Laravel 8.x
41 lines
1.1 KiB
JavaScript
41 lines
1.1 KiB
JavaScript
const mix = require('laravel-mix');
|
|
require('@tinypixelco/laravel-mix-wp-blocks');
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Mix Asset Management
|
|
|--------------------------------------------------------------------------
|
|
|
|
|
| Mix provides a clean, fluent API for defining some Webpack build steps
|
|
| for your Sage application. By default, we are compiling the Sass file
|
|
| for your application, as well as bundling up your JS files.
|
|
|
|
|
*/
|
|
|
|
mix
|
|
.setPublicPath('./public')
|
|
.browserSync('sage.test');
|
|
|
|
mix
|
|
.sass('resources/css/app.scss', 'css')
|
|
.sass('resources/css/editor.scss', 'css')
|
|
.options({
|
|
processCssUrls: false,
|
|
postCss: [require('tailwindcss')('./tailwind.config.js')],
|
|
});
|
|
|
|
mix
|
|
.js('resources/js/app.js', 'js')
|
|
.js('resources/js/customizer.js', 'js')
|
|
.blocks('resources/js/editor.js', 'js');
|
|
|
|
mix
|
|
.copyDirectory('resources/images/**', 'public/images')
|
|
.copyDirectory('resources/fonts/**', 'public/fonts');
|
|
|
|
mix
|
|
.autoload({ jquery: ['$', 'window.jQuery'] })
|
|
.extract()
|
|
.sourceMaps()
|
|
.version();
|