Files
bedrock/webpack.mix.js
Brandon 5518ea165a feat(assets): Change default CSS framework to Tailwind
* 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
2021-02-16 01:08:50 -06:00

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();