-
Notifications
You must be signed in to change notification settings - Fork 38
/
webpack.mix.js
48 lines (46 loc) · 1.35 KB
/
webpack.mix.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
const mix = require("laravel-mix")
const tailwindcss = require("tailwindcss")
const path = require("path")
/*
|--------------------------------------------------------------------------
| 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/app/app.js", "public/js/app.js")
.vue({ version: 2 })
.sass("resources/app/assets/sass/app.scss", "public/css/app.css")
.options({
processCssUrls: false,
postCss: [
tailwindcss('tailwind.config.js')
],
})
.autoload({
"cash-dom": ["cash"]
})
.webpackConfig({
output: {
chunkFilename: 'js/[name].js?id=[chunkhash]',
},
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.runtime.esm.js',
'~': path.resolve('resources/app'),
},
},
})
.babelConfig({
plugins: ['@babel/plugin-syntax-dynamic-import']
})
.browserSync({
proxy: "lh-ehr.test",
files: ["resources/**/*.*"]
})
.extract()
.version()