-
Notifications
You must be signed in to change notification settings - Fork 0
/
webpack.mix.js
executable file
·75 lines (64 loc) · 1.82 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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
const mix = require('laravel-mix');
require('@tinypixelco/laravel-mix-wp-blocks');
require('laravel-mix-purgecss');
require('laravel-mix-copy-watched');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| for your Sage application. By default, we are compiling the Sass file
| for your application, as well as bundling up your JS files.
|
*/
mix.setPublicPath('./dist').browserSync('keley-on-mars.local');
mix.webpackConfig((webpack) => ({
module: {
rules: [
{
test: /\.(glsl|vs|fs|vert|frag)$/,
exclude: /node_modules/,
use: ['raw-loader', 'glslify-loader'],
},
],
},
plugins: [
new webpack.ProvidePlugin({
THREE: 'three',
}),
],
}));
mix
.sass('resources/assets/styles/app.scss', 'styles')
.sass('resources/assets/styles/editor.scss', 'styles');
mix
.js('resources/assets/scripts/app.js', 'scripts')
.js('resources/assets/scripts/customizer.js', 'scripts')
.blocks('resources/assets/scripts/editor.js', 'scripts')
.extract();
// Assets
mix
.copyDirectory('resources/assets/images', 'dist/images')
.copyDirectory('resources/assets/fonts', 'dist/fonts')
.copyDirectory('resources/assets/animations', 'dist/animations');
// Font integration optimisation
mix.copy('resources/assets/scripts/async/font-css-async.js', 'dist/scripts');
mix
.autoload({
jquery: ['$', 'window.jQuery'],
})
.options({
processCssUrls: false,
rules: [
{
test: /\.(glsl|vs|fs|vert|frag)$/,
exclude: /node_modules/,
use: ['glslify-loader'],
},
],
});
mix.options({
processCssUrls: false,
});
mix.sourceMaps().version();