diff --git a/postcss.config.js b/postcss.config.js new file mode 100644 index 00000000..a22372e2 --- /dev/null +++ b/postcss.config.js @@ -0,0 +1,10 @@ +const tailwindcss = require('tailwindcss'); + +module.exports = { + plugins: { + 'postcss-import': {}, + 'tailwindcss/nesting': {}, + 'tailwindcss': {}, + 'autoprefixer': {}, + }, +}; diff --git a/vite.config.js b/vite.config.js new file mode 100644 index 00000000..39aa3a11 --- /dev/null +++ b/vite.config.js @@ -0,0 +1,27 @@ +import {defineConfig} from 'vite'; +import laravel from 'laravel-vite-plugin'; +import vue from '@vitejs/plugin-vue2'; + +export default defineConfig({ + plugins: [ + laravel(['resources/js/app.js']), + vue({ + template: { + transformAssetUrls: { + // The Vue plugin will re-write asset URLs, when referenced + // in Single File Components, to point to the Laravel web + // server. Setting this to `null` allows the Laravel plugin + // to instead re-write asset URLs to point to the Vite + // server instead. + base: null, + + // The Vue plugin will parse absolute URLs and treat them + // as absolute paths to files on disk. Setting this to + // `false` will leave absolute URLs un-touched so they can + // reference assets in the public directory as expected. + includeAbsolute: false, + }, + }, + }), + ], +});