| 1 | const mix = require('laravel-mix'); | = | 1 | const mix = require('laravel-mix'); |
| 2 | const glob = require('glob') | 2 | const glob = require('glob') | |
| 3 | const path = require('path') | 3 | const path = require('path') | |
| 4 | 4 | |||
| 5 | /* | 5 | /* | |
| 6 | |-------------------------------------------------------------------------- | 6 | |-------------------------------------------------------------------------- | |
| 7 | | Vendor assets | 7 | | Vendor assets | |
| 8 | |-------------------------------------------------------------------------- | 8 | |-------------------------------------------------------------------------- | |
| 9 | */ | 9 | */ | |
| 10 | 10 | |||
| 11 | function mixAssetsDir(query, cb) { | 11 | function mixAssetsDir(query, cb) { | |
| 12 | (glob.sync('resources/assets/' + query) || []).forEach(f => { | 12 | (glob.sync('resources/assets/' + query) || []).forEach(f => { | |
| 13 | f = f.replace(/[\\\/]+/g, '/'); | 13 | f = f.replace(/[\\\/]+/g, '/'); | |
| 14 | cb(f, f.replace('resources/assets', 'public')); | 14 | cb(f, f.replace('resources/assets', 'public')); | |
| 15 | }); | 15 | }); | |
| 16 | } | 16 | } | |
| 17 | 17 | |||
| 18 | const sassOptions = { | 18 | const sassOptions = { | |
| 19 | precision: 5 | <> | 19 | precision: 5, |
| 20 | implementation: () => require('node-sass') | |||
| 20 | }; | = | 21 | }; |
| 21 | 22 | |||
| 22 | // Core stylesheets | 23 | // Core stylesheets | |
| 23 | mix.sass('resources/assets/vendor/sass/bootstrap.scss', 'public/vendor/css', sassOptions) | 24 | mix.sass('resources/assets/vendor/sass/bootstrap.scss', 'public/vendor/css', sassOptions) | |
| 24 | .sass('resources/assets/vendor/sass/appwork.scss', 'public/vendor/css', sassOptions) | 25 | .sass('resources/assets/vendor/sass/appwork.scss', 'public/vendor/css', sassOptions) | |
| 25 | .sass('resources/assets/vendor/sass/theme-corporate.scss', 'public/vendor/css', sassOptions) | 26 | .sass('resources/assets/vendor/sass/theme-corporate.scss', 'public/vendor/css', sassOptions) | |
| 26 | .sass('resources/assets/vendor/sass/colors.scss', 'public/vendor/css', sassOptions) | 27 | .sass('resources/assets/vendor/sass/colors.scss', 'public/vendor/css', sassOptions) | |
| 27 | .sass('resources/assets/vendor/sass/uikit.scss', 'public/vendor/css', sassOptions); | 28 | .sass('resources/assets/vendor/sass/uikit.scss', 'public/vendor/css', sassOptions); | |
| 28 | 29 | |||
| 29 | // Core javascripts | 30 | // Core javascripts | |
| 30 | mixAssetsDir('vendor/js/**/*.js', (src, dest) => mix.scripts(src, dest)); | 31 | mixAssetsDir('vendor/js/**/*.js', (src, dest) => mix.scripts(src, dest)); | |
| 31 | 32 | |||
| 32 | // Libs | 33 | // Libs | |
| 33 | mixAssetsDir('vendor/libs/**/*.js', (src, dest) => mix.scripts(src, dest)); | 34 | mixAssetsDir('vendor/libs/**/*.js', (src, dest) => mix.scripts(src, dest)); | |
| 34 | mixAssetsDir('vendor/libs/**/!(_)*.scss', (src, dest) => mix.sass(src, dest.replace(/\.scss$/, '.css'), sassOptions)); | 35 | mixAssetsDir('vendor/libs/**/!(_)*.scss', (src, dest) => mix.sass(src, dest.replace(/\.scss$/, '.css'), sassOptions)); | |
| 35 | 36 | |||
| 36 | // Pages | 37 | // Pages | |
| 37 | mixAssetsDir('vendor/sass/pages/**/!(_)*.scss', (src, dest) => mix.sass(src, dest.replace(/(\\|\/)sass(\\|\/)/, '$1css$2').replace(/\.scss$/, '.css'), sassOptions)); | 38 | mixAssetsDir('vendor/sass/pages/**/!(_)*.scss', (src, dest) => mix.sass(src, dest.replace(/(\\|\/)sass(\\|\/)/, '$1css$2').replace(/\.scss$/, '.css'), sassOptions)); | |
| 38 | 39 | |||
| 39 | // Fonts | 40 | // Fonts | |
| 40 | mixAssetsDir('vendor/fonts/*.css', (src, dest) => mix.copy(src, dest)); | 41 | mixAssetsDir('vendor/fonts/*.css', (src, dest) => mix.copy(src, dest)); | |
| 41 | mixAssetsDir('vendor/fonts/*/*', (src, dest) => mix.copy(src, dest)); | 42 | mixAssetsDir('vendor/fonts/*/*', (src, dest) => mix.copy(src, dest)); | |
| 42 | 43 | |||
| 43 | /* | 44 | /* | |
| 44 | |-------------------------------------------------------------------------- | 45 | |-------------------------------------------------------------------------- | |
| 45 | | Application assets | 46 | | Application assets | |
| 46 | |-------------------------------------------------------------------------- | 47 | |-------------------------------------------------------------------------- | |
| 47 | */ | 48 | */ | |
| 48 | 49 | |||
| 49 | mix.js('resources/assets/js/application.js', 'public/js') | 50 | mix.js('resources/assets/js/application.js', 'public/js') | |
| 50 | .sass('resources/assets/sass/application.scss', 'public/css'); | 51 | .sass('resources/assets/sass/application.scss', 'public/css'); | |
| 51 | 52 | |||
| 52 | mix.version(); | 53 | mix.version(); |