34 lines
1001 B
JavaScript
34 lines
1001 B
JavaScript
const cssImport = require('postcss-import')
|
|
const cssNesting = require('postcss-nesting')
|
|
const mix = require('laravel-mix')
|
|
const path = require('path')
|
|
const tailwindcss = require('tailwindcss')
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| Mix Asset Management
|
|
|--------------------------------------------------------------------------
|
|
|
|
|
| Mix provides a clean, fluent API for defining some Webpack build steps
|
|
| for your Laravel application. By default, we are compiling the Sass
|
|
| file for the application as well as bundling up all the JS files.
|
|
|
|
|
*/
|
|
|
|
mix.js('resources/js/app.js', 'public/js')
|
|
.postCss('resources/css/app.css', 'public/css', [
|
|
cssImport(),
|
|
cssNesting(),
|
|
tailwindcss('tailwind.js'),
|
|
])
|
|
.webpackConfig({
|
|
output: { chunkFilename: 'js/[name].[contenthash].js' },
|
|
resolve: {
|
|
alias: {
|
|
'vue$': 'vue/dist/vue.runtime.js',
|
|
'@': path.resolve('resources/js'),
|
|
},
|
|
},
|
|
})
|
|
.version()
|