webpack.mix.js

const fse = require('fs-extra');
const mix = require('laravel-mix');
const path = require('path');
const publicPath = path.resolve(__dirname, '../laravel/public/vendor/terminal');

/*
 |--------------------------------------------------------------------------
 | 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.options({
    autoload: {
        jquery: ['$', 'window.jQuery', 'jQuery'],
    },
    processCssUrls: false,
    publicPath: './',
}).browserSync({
    files: [`${publicPath}/js/app.js`, `${publicPath}/css/app.css`],
});

mix.ts('resources/ts/app.ts', 'public/js/terminal.js')
    .sass('resources/sass/app.scss', 'public/css/terminal.css');

// mix.then(() => {
//     try {
//         fse.copyFileSync(
//             path.resolve(__dirname, 'public/css/terminal.css'),
//             path.resolve(publicPath, 'css/terminal.css')
//         );
//         fse.copyFileSync(
//             path.resolve(__dirname, 'public/js/terminal.js'),
//             path.resolve(publicPath, 'js/terminal.js')
//         );
//         fse.copyFileSync(
//             path.resolve(__dirname, 'resources/views/index.blade.php'),
//             path.resolve(publicPath, '../../laravel/resources/views/vendor/terminal/index.blade.php')
//         );
//     } catch (e) {
//         console.error(e);
//     }
// });