Initial commit

webpack.mix.js

@@ -0,0 +1,48 @@
+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()