webpack.mix.js

const mix = require('laravel-mix');
const sidebarItems = require('./src/sidebar-items.json');
const horizontalMenuItems = require('./src/horizontal-menu-items.json');

require('laravel-mix-nunjucks')

mix.sass('src/assets/scss/app.scss', 'assets/css')
    .sass('src/assets/scss/bootstrap.scss', 'assets/css')
    .sass('src/assets/scss/pages/auth.scss', 'assets/css/pages')
    .sass('src/assets/scss/pages/error.scss', 'assets/css/pages')
    .sass('src/assets/scss/pages/email.scss', 'assets/css/pages')
    .sass('src/assets/scss/pages/chat.scss', 'assets/css/pages')
    .sass('src/assets/scss/widgets/chat.scss', 'assets/css/widgets')
    .sass('src/assets/scss/widgets/todo.scss', 'assets/css/widgets')
    .js('src/assets/js/mazer.js', 'assets/js')
    .minify('dist/assets/js/mazer.js')
    .setPublicPath('dist')
    .options({
        processCssUrls: false
    });

// mix.browserSync({
//     proxy: 'mazer.test',
// });

mix.njk('src/*.html', 'dist/', {
    ext: '.html',
    marked: null,
    watch: true,
    data: {
        web_title: "Mazer Admin Dashboard",
        sidebarItems,
        horizontalMenuItems
    },
    block: 'content',
    envOptions: {
        watch: true,
        noCache: true
    },
    manageEnv: (nunjucks) => {
        nunjucks.addFilter('containString', function (str, containStr) {
            if (str == undefined) return false;
            return str.indexOf(containStr) >= 0
        })
        nunjucks.addFilter('startsWith', function (str, targetStr) {
            if (str == undefined) return false;
            return str.startsWith(targetStr)
        })
    },
})