How to compile additional sass and js in with webpack

my webpack.mix.js

mix.react('resources/assets/js/app.js', 'public/js')
    .sass('resources/assets/sass/app.scss', 'public/css');


mix.js('resources/assets/js/publish.js', 'public/js')
    .sass('resources/assets/sass/publish.scss', 'public/css');

my publish.scss

// Bootstrap
@import "~bootstrap-sass/assets/stylesheets/bootstrap";

// AdminLTE Template
@import "~admin-lte/dist/css/AdminLTE.min.css";

// FontAwesome
@import "~font-awesome/scss/font-awesome.scss";

my publish.js

require('./bootstrap');

require('admin-lte/dist/js/adminlte.js');

My additional assets beside app.js and app.scss are not being compiled.

How to add additional assets to webpack.mix.js?