X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=webpack.mix.js;h=b38b23209f69282ba51aa57a148456b04cf33814;hb=a5e53546a5960f54fb45e06767f89e9dfeef6a47;hp=2a22dc1206aefa36f8f32a6839219094d7acd0c1;hpb=4bf2dd1dd1f6d31b2ebe299b7495a8b0e259ec77;p=alttp.git diff --git a/webpack.mix.js b/webpack.mix.js index 2a22dc1..b38b232 100644 --- a/webpack.mix.js +++ b/webpack.mix.js @@ -6,12 +6,43 @@ const mix = require('laravel-mix'); |-------------------------------------------------------------------------- | | Mix provides a clean, fluent API for defining some Webpack build steps - | for your Laravel applications. By default, we are compiling the CSS + | 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.js('resources/js/app.js', 'public/js') - .postCss('resources/css/app.css', 'public/css', [ - // - ]); + .react() + .sass('resources/sass/app.scss', 'public/css') + .extract([ + '@babel/runtime', + '@fortawesome/fontawesome-free', + '@fortawesome/fontawesome-svg-core', + '@fortawesome/free-brands-svg-icons', + '@fortawesome/free-solid-svg-icons', + '@fortawesome/react-fontawesome', + '@popperjs/core', + '@restart/hooks', + '@restart/ui', + 'axios', + 'file-saver', + 'formik', + 'i18next', + 'i18next-browser-languagedetector', + 'laravel-echo', + 'localforage', + 'lodash', + 'moment', + 'numeral', + 'pusher-js', + 'react', + 'react-bootstrap', + 'react-dom', + 'react-i18next', + 'react-router-bootstrap', + 'react-router-dom', + 'toastr', + 'yup', + ]) + .sourceMaps(true) + .version();