-
Notifications
You must be signed in to change notification settings - Fork 2
/
webpack.mix.js
73 lines (69 loc) · 2.67 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
const axios = require('axios');
const path = require("path");
// noinspection JSAnnotator
const {mix} = require('laravel-mix');
//const glob = require('glob-all');
/*
|--------------------------------------------------------------------------
| 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.setPublicPath('public')
.js('resources/assets/js/app.js', 'js')
.js('resources/assets/js/landing.js', 'js')
.js('resources/assets/js/store.js', 'js')
.js('resources/assets/js/spreadsheet.js', 'js')
.js('resources/assets/js/admin.js', 'js')
.js('resources/assets/js/intro-admin.js', 'js')
.extract(['vue', 'jquery', 'axios', 'popper.js', 'bootstrap'])
.autoload({
jquery: ['$', 'jQuery', 'jquery'],
'popper.js': ['Popper', 'window.Popper']
})
.sass('resources/assets/sass/app.scss', 'css')
.options({
// extractVueStyles: false, // Extract .vue component styling to file, rather than inline.
// globalVueStyles: file, // Variables file to be imported in every component.
// processCssUrls: true, // Process/optimize relative stylesheet url()'s. Set to false, if you don't want them touched.
// purifyCss: {
// paths: glob.sync([
// path.join(__dirname, 'resources/views/**/*.twig'),
// path.join(__dirname, 'resources/assets/js/**/*.js')
// ]),
// purifyOptions: {
// info: true,
// // whitelist: ['*form*']
// }
//
// }, // Remove unused CSS selectors.
// uglify: {}, // Uglify-specific options. https://webpack.github.io/docs/list-of-plugins.html#uglifyjsplugin
// postCss: [] // Post-CSS options: https://github.com/postcss/postcss/blob/master/docs/plugins.md
})
.version().then(() => {
//axios.post('https://maker.ifttt.com/trigger/webpack_build_complete/with/key/csrYq0ka2NZcdyYW40oQxx', {});
});
mix.browserSync({
proxy: '0.0.0.0:8000',
files: [
"resources/views/**/*.twig",
'app/**/*.php',
'public/js/**/*.js',
'public/css/**/*.css'
// "public/**/*"
],
serveStatic: ['.', 'public/css']
// snippetOptions: {
// ignorePaths: "templates/*.html",
// rule: {
// match: /<\/(footer|body)>/i,
// fn: function (snippet, match) {
// return snippet + match;
// }
// }
// }
});