|--------------------------------------------------------------------------
|
| 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();