I recently had to get a custom css template working in laravel, and it contained a scss (sass) file, among other assets.
Even if what follows only works for the specific template I used, it can serve as a general guideline to what you have to do in this case.
1. Copy the HTML to a blade file
Then set the route to it in routes/web.php (A good practice would be to divide the HTML between different layout partial blades )
2. Adding all sass folder content from the template folder to resources/sass
Template sass folder includes a file called main.scss and a libs folder (containing files such as _breakpoints.scss )
3. Adding webfonts folder to public/
Folder containing .eot, .woff, .woff2, svg, truetype files
4. Adding css folder to public/
Containing main.css and fontawesome-all.min.css
5. Adding js folder to public/
Containing main.js, jquery.min.js, among others
6. Installing npm
I used GitShell to install npm to my root folder. It generates webpack.mix.js in the same folder. npm install
...and in webpack.mix.js, you have to reference the main.scss file
mix
.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css')
.sass('resources/sass/main.scss', 'public/css');
And at last, you need to reference main.css in your blade (or blade partial file), as well as all the js files you copied to public/
Laravel css