-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathwebpack.mix.js
More file actions
50 lines (47 loc) · 1.36 KB
/
webpack.mix.js
File metadata and controls
50 lines (47 loc) · 1.36 KB
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
49
50
const mix = require('laravel-mix');
const path = require('path');
require('laravel-mix-bundle-analyzer');
/*
|--------------------------------------------------------------------------
| 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.webpackConfig({
devtool: 'source-map',
resolve: {
alias: {
'sass': path.resolve(__dirname, 'resources/sass'),
}
}
})
.sourceMaps()
.js('resources/js/app.js', 'public/js')
.vue({
extractStyles: 'public/css/vue.css',
// need mix 6 and webpack 5 :(
globalStyles: {
scss: [
'resources/sass/_variables.scss',
'node_modules/bootstrap/scss/_functions.scss',
'node_modules/bootstrap/scss/_variables.scss',
'node_modules/bootstrap/scss/_mixins.scss',
],
}
})
.extract()
.sass('resources/sass/app.scss', 'public/css')
.options({
processCssUrls: false,
})
.version();
if (! mix.inProduction()) {
mix.bundleAnalyzer({
analyzerMode: 'static',
openAnalyzer: false,
});
}