/
webpack.mix.js
56 lines (53 loc) · 1.58 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
let mix = require('laravel-mix');
const CopyWebpackPlugin = require('copy-webpack-plugin');
let ImageminPlugin = require( 'imagemin-webpack-plugin' ).default;
const imageminMozjpeg = require('imagemin-mozjpeg');
var BrowserSyncPlugin = require('browser-sync-webpack-plugin');
/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
*/
mix.js('src/js/main.js', 'public/js')
.less('src/styles/main.less', 'public/css')
.options({
postCss: [
require('autoprefixer')({
browsers: '>5%'
}),
]
})
.combine([
'node_modules/normalize.css/normalize.css',
'node_modules/owl.carousel/dist/assets/owl.carousel.min.css',
'node_modules/owl.carousel/dist/assets/owl.theme.default.css',
'public/css/main.css'],
'public/css/main.min.css'
)
;
mix.webpackConfig({
plugins: [
new BrowserSyncPlugin({
host: 'localhost',
port: 3000,
files: ['public/*.html', 'public/css/*.css', 'public/js/*.js'],
server: { baseDir: ['public'] }
}),
new CopyWebpackPlugin([{
from: 'src/img',
to: 'public/img',
}]),
new ImageminPlugin({
test: /\.(jpe?g|png|gif|svg)$/i,
pngquant: {
quality: '65-80'
},
plugins: [
imageminMozjpeg({
quality: 65,
})
]
})
]
});