mix

 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
const mix = require('laravel-mix');
const CompressionPlugin = require('compression-webpack-plugin');
require('laravel-mix-svg-sprite');
require('laravel-mix-bundle-analyzer');
mix.setPublicPath('./dist');
mix.browserSync('1pdr.com.lan');
mix.sass('assets/styles/index.scss', './');
mix.js('assets/js/app.js', './');
Config.imgLoaderOptions.svgo = {
plugins: [
{ removeTitle: true },
{ convertColors: { shorthex: false } },
{ removeAttrs: { attrs: ['fill'] } },
],
};
mix.svgSprite(
'assets/svg-icons',
'sprite.svg',
// @see https://github.com/kisenka/svg-sprite-loader#configuration
{
extract: true,
},
{
plainSprite: true,
}
);
mix.webpackConfig({
externals: {
jquery: 'jQuery',
},
plugins: [
new CompressionPlugin({
filename: '[path].gz[query]',
algorithm: 'gzip',
test: /\.(js|css|html|svg)$/,
minRatio: 1,
}),
new CompressionPlugin({
filename: '[path].br[query]',
algorithm: 'brotliCompress',
test: /\.(js|css|html|svg)$/,
compressionOptions: { level: 11 },
minRatio: 1,
}),
],
});
mix.autoload({
jquery: ['$', 'window.jQuery'],
});
mix.options({
processCssUrls: false,
});
if (mix.isWatching()) {
mix.bundleAnalyzer();
}
mix.sourceMaps(false, 'source-map').version();