pixelfed/webpack.mix.js

let mix = require('laravel-mix');

mix.options({
    purifyCss: true,
}); 

/*
|--------------------------------------------------------------------------
| Mix Asset Management
|--------------------------------------------------------------------------
|
| Mix provides a clean, fluent API for defining some Webpack build steps
| 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.sass('resources/assets/sass/app.scss', 'public/css', {
	implementation: require('node-sass')
})
.sass('resources/assets/sass/appdark.scss', 'public/css', {
	implementation: require('node-sass')
})
.sass('resources/assets/sass/landing.scss', 'public/css', {
	implementation: require('node-sass')
}).version();

mix.js('resources/assets/js/app.js', 'public/js')
.js('resources/assets/js/activity.js', 'public/js')
.js('resources/assets/js/components.js', 'public/js')
//.js('resources/assets/js/embed.js', 'public')

// Discover component
.js('resources/assets/js/discover.js', 'public/js')

// Profile component
.js('resources/assets/js/profile.js', 'public/js')

// Status component
.js('resources/assets/js/status.js', 'public/js')

// Timeline component
.js('resources/assets/js/timeline.js', 'public/js')

// ComposeModal component
.js('resources/assets/js/compose.js', 'public/js')

// SearchResults component
.js('resources/assets/js/search.js', 'public/js')

// Developer Components
.js('resources/assets/js/developers.js', 'public/js')

// // Direct Component
// .js('resources/assets/js/direct.js', 'public/js')

// Loops Component
.js('resources/assets/js/loops.js', 'public/js')

.extract([
	'lodash',
	'popper.js',
	'jquery',
	'axios',
	'bootstrap',
	'vue',
	'readmore-js' 
])
.version();