X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=webpack.mix.js;h=714cba7ecf343cd0741bc3e4a77202910c425d7f;hb=e4e7cbc7e4944b08d74f5752de337ba7700367f4;hp=2a22dc1206aefa36f8f32a6839219094d7acd0c1;hpb=4bf2dd1dd1f6d31b2ebe299b7495a8b0e259ec77;p=alttp.git diff --git a/webpack.mix.js b/webpack.mix.js index 2a22dc1..714cba7 100644 --- a/webpack.mix.js +++ b/webpack.mix.js @@ -6,12 +6,103 @@ 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', + 'bootstrap', + 'call-bind', + 'classnames', + 'crc-32', + 'css-unit-converter', + 'd3-array', + 'd3-color', + 'd3-format', + 'd3-interpolate', + 'd3-path', + 'd3-scale', + 'd3-shape', + 'd3-time', + 'd3-time-format', + 'decimal.js-light', + 'deepmerge', + 'dom-helpers', + 'eventemitter3', + 'fast-equals', + 'file-saver', + 'formik', + 'function-bind', + 'get-intrinsic', + 'has', + 'has-symbols', + 'history', + 'hoist-non-react-statics', + 'html-escaper', + 'html-parse-stringify', + 'i18next', + 'i18next-browser-languagedetector', + 'invariant', + 'jquery', + 'laravel-echo', + 'localforage', + 'lodash', + 'lodash-es', + 'moment', + 'numeral', + 'nanoclone', + 'object-assign', + 'object-inspect', + 'openseadragon', + 'performance-now', + 'process', + 'prop-types', + 'prop-types-extra', + 'property-expr', + 'pusher-js', + 'qs', + 'raf', + 'react', + 'react-bootstrap', + 'react-dom', + 'react-fast-compare', + 'react-i18next', + 'react-is', + 'react-lifecycles-compat', + 'react-resize-detector', + 'react-router', + 'react-router-bootstrap', + 'react-router-dom', + 'react-smooth', + 'react-transition-group', + 'recharts', + 'recharts-scale', + 'reduce-css-calc', + 'regenerator-runtime', + 'resize-observer-polyfill', + 'scheduler', + 'side-channel', + 'tiny-warning', + 'toastr', + 'toposort', + 'uncontrollable', + 'void-elements', + 'warning', + 'yup', + ]) + .sourceMaps(true) + .version();