49 lines
1.3 KiB
JavaScript
Vendored
49 lines
1.3 KiB
JavaScript
Vendored
const path = require('path')
|
|
const mix = require('laravel-mix')
|
|
const cssImport = require('postcss-import')
|
|
const cssNesting = require('postcss-nesting')
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| 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').vue({ version: 3 })
|
|
.postCss('resources/css/app.css', 'public/css', [
|
|
// prettier-ignore
|
|
cssImport(),
|
|
cssNesting(),
|
|
require('tailwindcss'),
|
|
])
|
|
.webpackConfig({
|
|
// plugins: [
|
|
// new webpack.DefinePlugin({
|
|
// __VUE_OPTIONS_API__: false,
|
|
// __VUE_PROD_DEVTOOLS__: false,
|
|
// }),
|
|
// ],
|
|
output: {
|
|
chunkFilename: (pathData) => {
|
|
//let name = pathData.chunk.id.toLowerCase()
|
|
//pathData.chunk.name = name
|
|
|
|
return 'js/[name].js?id=[chunkhash]'
|
|
}
|
|
},
|
|
resolve: {
|
|
alias: {
|
|
'@': path.resolve('resources/js'),
|
|
vue: path.resolve('node_modules', 'vue'),
|
|
},
|
|
},
|
|
})
|
|
.version()
|
|
.sourceMaps()
|