I am new at Laravel-mix and webpack. After some practice I was able to combining css and js files into 1 single file respectively. However, after the combine the other files are still there, which are of no use to the application.
For example:
resources
|-- scss
|-- font-awesome.scss
|-- template.scss
public
|-- css
|-- font-awesome.css
|-- template.css
After combining:
public
|-- css
|-- font-awesome.css
|-- template.css
|-- combined.min.css (font-awesome.css + template.css = combined.min.css)
Webpack
mix
.sass('resources/sass/font-awesome.scss', 'public/css/font-awesome.css')
.sass('resources/sass/template.scss', 'public/css/template.css');
// combining css files
mix.combine([
'public/css/font-awesome.css',
'public/css/template.css'
], 'public/css/combined.min.css');
As the font-awesome.css & template.css files are combined into combined.min.css, there is no need for them anymore, same goes for the javascript files.
How to remove these useless files, is this possible..?