xref: /webtrees/webpack.mix.js (revision b9a12084f644c832d7cc7a00a6b4d6c1527cdb44) 
1// https://laravel-mix.com
2const mix = require("laravel-mix");
3
4// https://github.com/postcss/postcss-import
5const postcss_import = require("postcss-import")();
6
7// https://github.com/postcss/autoprefixer
8const postcss_autoprefixer = require("autoprefixer")();
9
10// https://github.com/jakob101/postcss-inline-rtl
11const postcss_rtl = require("postcss-rtl")();
12
13// https://github.com/bezoerb/postcss-image-inliner
14const postcss_image_inliner = require("postcss-image-inliner")({
15    assetPaths: ["resources/css"],
16});
17
18// https://github.com/postcss/postcss-custom-properties
19// Enable CSS variables in IE
20const postcss_custom_properties = require("postcss-custom-properties")();
21
22// https://github.com/postcss/postcss
23const postCssPlugins = [
24    postcss_import,
25    postcss_autoprefixer,
26    postcss_image_inliner,
27    postcss_rtl,
28    postcss_custom_properties,
29];
30
31mix
32    .autoload({
33        jquery: ["$", "jQuery"],
34    })
35    .sourceMaps()
36    .js("resources/js/vendor.js", "public/js/vendor.min.js")
37    .babel("resources/js/webtrees.js", "public/js/webtrees.min.js")
38    .copy("node_modules/@fortawesome/fontawesome-free/webfonts/*", "public/webfonts/")
39    .copy("node_modules/leaflet/dist/images/*", "public/css/images/")
40    .copy("node_modules/dejavu-fonts-ttf/ttf/DejaVuSans.ttf", "resources/fonts/")
41    .postCss("resources/css/administration.css", "public/css/administration.min.css", postCssPlugins)
42    .postCss("resources/css/clouds.css", "public/css/clouds.min.css", postCssPlugins)
43    .postCss("resources/css/colors.css", "public/css/colors.min.css", postCssPlugins)
44    .postCss("resources/css/colors/aquamarine.css", "public/css/colors/aquamarine.min.css", postCssPlugins)
45    .postCss("resources/css/colors/ash.css", "public/css/colors/ash.min.css", postCssPlugins)
46    .postCss("resources/css/colors/belgianchocolate.css", "public/css/colors/belgianchocolate.min.css", postCssPlugins)
47    .postCss("resources/css/colors/bluelagoon.css", "public/css/colors/bluelagoon.min.css", postCssPlugins)
48    .postCss("resources/css/colors/bluemarine.css", "public/css/colors/bluemarine.min.css", postCssPlugins)
49    .postCss("resources/css/colors/coffeeandcream.css", "public/css/colors/coffeeandcream.min.css", postCssPlugins)
50    .postCss("resources/css/colors/coldday.css", "public/css/colors/coldday.min.css", postCssPlugins)
51    .postCss("resources/css/colors/greenbeam.css", "public/css/colors/greenbeam.min.css", postCssPlugins)
52    .postCss("resources/css/colors/mediterranio.css", "public/css/colors/mediterranio.min.css", postCssPlugins)
53    .postCss("resources/css/colors/mercury.css", "public/css/colors/mercury.min.css", postCssPlugins)
54    .postCss("resources/css/colors/nocturnal.css", "public/css/colors/nocturnal.min.css", postCssPlugins)
55    .postCss("resources/css/colors/olivia.css", "public/css/colors/olivia.min.css", postCssPlugins)
56    .postCss("resources/css/colors/pinkplastic.css", "public/css/colors/pinkplastic.min.css", postCssPlugins)
57    .postCss("resources/css/colors/sage.css", "public/css/colors/sage.min.css", postCssPlugins)
58    .postCss("resources/css/colors/shinytomato.css", "public/css/colors/shinytomato.min.css", postCssPlugins)
59    .postCss("resources/css/colors/tealtop.css", "public/css/colors/tealtop.min.css", postCssPlugins)
60    .postCss("resources/css/fab.css", "public/css/fab.min.css", postCssPlugins)
61    .postCss("resources/css/minimal.css", "public/css/minimal.min.css", postCssPlugins)
62    .postCss("resources/css/webtrees.css", "public/css/webtrees.min.css", postCssPlugins)
63    .postCss("resources/css/xenea.css", "public/css/xenea.min.css", postCssPlugins)
64    .postCss("public/css/vendor.css", "public/css/vendor.min.css", postCssPlugins);
65