Пример #1
0
/*
 * --------------------------------------------------------------------------
 *  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 your application, as well as bundling up your JS files.
 *
 *  https://laravel-mix.com/docs/2.1/basic-example
 */

let mix = require('laravel-mix');

mix
    .js('assets/js/app.js', 'assets/build/js/')
    .js('assets/js/admin.js', 'assets/build/js/')
    .sass('assets/sass/app.scss', 'assets/build/css/')
    .sass('assets/sass/admin.scss', 'assets/build/css/')
    .setPublicPath('assets')
    .options({
        processCssUrls: false
    });
Пример #2
0
let mix = require('laravel-mix');
let build = require('./tasks/build.js');
let tailwindcss = require('tailwindcss');

mix.disableSuccessNotifications();
mix.setPublicPath('source/assets/build');
mix.webpackConfig({
    plugins: [
        build.jigsaw,
        build.browserSync(),
        build.watch([
            'source/**/*.md',
            'source/**/*.php',
            'source/**/*.scss',
            '!source/**/_tmp/*',
            'config.php',
            'config.production.php'
        ]),
    ]
});

mix.js('source/_assets/js/main.js', 'js')
    .sass('source/_assets/sass/main.scss', 'css')
    .options({
        processCssUrls: false,
        postCss: [ tailwindcss('./tailwind.js') ],
    }).version();
Пример #3
0
let mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | 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.js('resources/assets/js/administration/admin.js', 'public/js')
   .sass('resources/assets/sass/administration/admin.scss', 'public/css').sourceMaps();
mix.js('resources/assets/js/app/app.js', 'public/js')
   .sass('resources/assets/sass/app/app.scss', 'public/css').sourceMaps();
Пример #4
0
 | 包含 jQuery 和 Bootstrap 的捆包。
 |
 */

mix.sass('resources/assets/sass/bootstrap.scss', path.join('public', 'assets', 'css'))
   .js('resources/assets/js/bootstrap.js', path.join('public', 'assets', 'js'))


/*
 |--------------------------------------------------------------------------
 | 后台可运行 js 捆
 |--------------------------------------------------------------------------
 |
 | 不包含 jQuery 和 Bootstrap 的 vue 捆包。
 |
 */

mix.js('resources/assets/admin', path.join('public', 'assets', 'js'));

/*
 |--------------------------------------------------------------------------
 | Installer 打包
 |--------------------------------------------------------------------------
 |
 | element-ui
 |
 */

mix.js('resources/assets/installer/main.js', path.join('public', 'assets', 'js', 'installer.js'));
mix.copy('resources/assets/installer/logo.png', path.join('public', 'assets', 'installer', 'logo.png'));
Пример #5
0
require('laravel-mix-merge-manifest');

const moduleRootDir = path.join(__dirname, 'src', 'Module');

const files = fs.readdirSync(moduleRootDir);

for (const file of files) {
    const moduleName = file.toLowerCase();
    const moduleDir = path.join(moduleRootDir, file);
    const stats = fs.statSync(moduleDir);

    if (stats.isDirectory()) {
        const appJsPath = path.join(moduleDir, 'js', 'app.js');
        const appScssPath = path.join(moduleDir, 'scss', 'app.scss');

        if (fs.existsSync(appJsPath)) {
            mix.js(appJsPath, path.join('static', 'js', moduleName + '.js'));
        }

        if (fs.existsSync(appScssPath)) {
            mix.sass(appScssPath, path.join('static', 'css', moduleName + '.css'));
        }
    }
}

if (process.env.NODE_ENV == 'production') {
    mix.version();
}

mix.mergeManifest();
Пример #6
0
// Load UI config
const configPath = './config/ui.yml';
let config;
try {
    config = yaml.safeLoad(fs.readFileSync(configPath, 'utf8'));
} catch (e) {
    throw new Error(`Failed to load ${configPath}: ${e}`);
}

/**
 * --------------------------------------------------------------------------
 *  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.js('resources/js/app.js', 'public/js').sass('resources/sass/app.scss', 'public/css', {
    data: Object.entries(flat(config, { delimiter: '-' }))
        .map(([name, value]) => `$${name}: ${value};\n`)
        .join(''),
});

if (mix.inProduction()) {
    mix.version();
} else {
    mix.webpackConfig({ devtool: 'inline-source-map' }).sourceMaps();
}
Пример #7
0
let mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | 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 your application, as well as bundling up your JS files.
 |
 */

mix.js('js/src/app.js', 'js/dist/')

    .combine(
        [
            'js/admin/chosen/chosen.jquery.min.js',
            'js/admin/chosen/chosenImage.jquery.js',
            'js/src/admin/md5.js',
            'js/src/admin/timeago.jquery.js',
            'js/src/admin/jquery.count_characters.js',
            'js/src/admin/podlove_data_table.js',
            'js/src/admin/episode.js',
            'js/src/admin/jobs.js',
            'js/src/admin/audio_duration_loader.js',
            'js/src/admin/dashboard_asset_validation.js',
            'js/src/admin/dashboard_feed_validation.js',
            'js/src/admin/episode_asset_settings.js',
            'js/src/admin/episode_duration.js',
            'js/src/admin/license.js',
Пример #8
0
 | 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 your application, as well as bundling up your JS files.
 |
 */

const theme = 'jazzweb';
const public_folder = 'public_html';
const theme_assets = `${public_folder}/themes/${theme}/assets`;

mix.setPublicPath(path.normalize(`${theme_assets}`));

mix.js('assets/js/app.js', 'js');
mix.less('assets/less/app.less', 'css');

//Copy Bootstrap
mix.copy('node_modules/bootstrap/dist/css/bootstrap.min.css', `${theme_assets}/vendor/bootstrap/bootstrap.min.css`);
mix.copy('node_modules/bootstrap/dist/js/bootstrap.min.js', `${theme_assets}/vendor/bootstrap/bootstrap.min.js`);

//Copy Popper.js
mix.copy('node_modules/popper.js/dist/umd/popper.min.js', `${theme_assets}/vendor/popper/popper.min.js`);

//Copy jQuery
mix.copy('node_modules/jquery/dist/jquery.min.js', `${theme_assets}/vendor/jquery/jquery.min.js`);

// Full API
// mix.js(src, output);
// mix.react(src, output); <-- Identical to mix.js(), but registers React Babel compilation.
Пример #9
0
let mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | 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.setPublicPath('assets');
mix.setResourceRoot('/assets/plus-id');
mix.sourceMaps(! mix.inProduction());

// More documents see: https://laravel.com/docs/master/mix
mix.js('resources/assets/main.js', 'assets/app.js');
Пример #10
0
let mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | 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.js('resources/assets/js/app.js', 'public/v1/js');
Пример #11
0
const fileSystem = require('fs');
const mix = require('laravel-mix');

const VersionChecker = require('./back-end/domain/cimonitor/VersionChecker');

mix.js('front-end/dashboard.js', 'dashboard');

mix.sass('front-end/sass/dashboard.sass', 'dashboard');

mix.options({
    extractVueStyles: true,
    globalVueStyles: `./front-end/sass/globals.sass`,
    // uglify: {
    //     uglifyOptions: {
    //         compress: {
    //             drop_console: mix.inProduction(),
    //         },
    //     },
    // },
});

mix.copy('front-end/static/', 'dashboard/');

if (!mix.inProduction()) {
    mix.webpackConfig({ devtool: `inline-source-map` });

    const Config = require('./back-end/config/Config');
    mix.browserSync({
        proxy: `localhost:${Config.getServerPort()}`,
        injectChanges: false,
        files: [`dashboard/**/*`],
Пример #12
0
let mix = require('laravel-mix');
const CopyWebpackPlugin = require('copy-webpack-plugin');
let ImageminPlugin = require( 'imagemin-webpack-plugin' ).default;
const imageminMozjpeg = require('imagemin-mozjpeg');
var BrowserSyncPlugin = require('browser-sync-webpack-plugin');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 */

mix.js('src/js/main.js', 'public/js')
    .less('src/styles/main.less', 'public/css')
    .options({
        postCss: [
            require('autoprefixer')({
                browsers: '>5%'
            }),
        ]
    })
    .combine([
        'node_modules/normalize.css/normalize.css',
        'node_modules/owl.carousel/dist/assets/owl.carousel.min.css',
        'node_modules/owl.carousel/dist/assets/owl.theme.default.css',
        'public/css/main.css'],
        'public/css/main.min.css'
    )
;
    plugins: [
        // Ignore all locale files of moment.js
        // new webpack.IgnorePlugin(
        //     /^\.\/locale$/, /moment$/,
        //     /^\.\/locale$/, /fullcalendar$/
        // )
        new webpack.ContextReplacementPlugin(
            // The path to directory which should be handled by this plugin
            /moment[\/\\]locale/,
            /fullcalendar[\/\\]dist[\/\\]locale/,
            /select2[\/\\]dist[\/\\]js[\/\\]i18n/,
        )
    ]
});

mix.js('resources/assets/backend/js/app.js', 'public/js')
    .js([
        'resources/assets/backend/js/site-dashboard.js',
    ], 'public/js/site-dashboard.js')
    .js([
        'resources/assets/backend/js/dashboard.js',
    ], 'public/js/dashboard.js')
   .js([
        'resources/assets/backend/js/adminlte.js',
        'resources/assets/backend/js/theme_settings.js',
        'resources/assets/backend/js/bootstrap-datetimepicker.min.js',
        'resources/assets/backend/js/bootstrap-toggle.min.js',
    ], 'public/js/theme.js')
    .extract([
        'jquery', 'bootstrap', 'icheck', 'jquery-validation', 'slimscroll', 'fastclick',
        'datatables.net', 'datatables.net-bs', 'datatables.net-buttons', 'datatables.net-responsive-bs'
Пример #14
0
const mix = require('laravel-mix');

mix.js('resources/assets/js/app.js', 'public/js')
    .sass('resources/assets/sass/app.scss', 'public/css')
    .extract(['vue'])
    .sourceMaps(false)
    .version();

mix.js('resources/assets/js/stripe.js', 'public/js')
    .sass('resources/assets/sass/stripe.scss', 'public/css')
    .sourceMaps(false)
    .version();

mix.scripts(['resources/assets/js/vendor/u2f/u2f-api.js'], 'public/js/u2f-api.js');
Пример #15
0
let mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | 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 your application, as well as bundling up your JS files.
 |
 */

let sourcePath = 'app/assets';
let publicPath = 'public';

mix
	.js(sourcePath + '/js/app.js', publicPath + '/js/')
	.sass(sourcePath + '/sass/app.scss', publicPath + '/css/')
	.setPublicPath(publicPath);
Пример #16
0
let mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | 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//.js('resources/assets/js/sw.js', 'public')
    .js('resources/assets/js/app.js', 'public/js')
    .sass('resources/assets/sass/fa-icons/font-awesome.scss', 'public/css')
    .sass('resources/assets/sass/ionicons/ionicons.scss', 'public/css')
    .combine([
        'resources/assets/css/animate.css',
        'resources/assets/css/cookiesconcent.min.css',
        'resources/assets/css/inputfumi.css',
        'resources/assets/css/introjs.css',
        'resources/assets/css/qtip2.css',
        'resources/assets/css/select2.css',
        'resources/assets/css/twentytwenty.css',
    ], 'public/css/vendor.css')
    .sass('resources/assets/sass/app/pdf.scss', 'public/css')
    .sass('resources/assets/sass/app/app.scss', 'public/css')
    .version();
Пример #17
0
let mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | 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.js('resources/assets/js/scripts.js', 'public/js')
   .sass('resources/assets/sass/global.scss', 'public/css').options({
      processCssUrls: false
   })
   .sass('resources/assets/sass/index.scss', 'public/css').options({
      processCssUrls: false
   })
   .sass('resources/assets/sass/episode.scss', 'public/css').options({
      processCssUrls: false
   })
   .copy('resources/assets/favicon.ico', 'public')
   .copyDirectory('resources/assets/images', 'public/images');
Пример #18
0
let mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | 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 your application, as well as bundling up your JS files.
 |
 */
mix.setPublicPath('dist');

mix.js('assets/js/theme.js', 'dist/js/theme.min.js')
    .sass('assets/sass/style.scss', 'dist/css/theme.css')
    .sass('assets/sass/woocommerce.scss', 'dist/css');
Пример #19
0
require('../../common/config/webpack.mix');

/*
 |--------------------------------------------------------------------------
 | 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.js('resources/assets/front_end/js/app.js', 'public/js/front_end')
    .sass('resources/assets/front_end/sass/app.scss', 'public/css/front_end');


if (mix.inProduction()) {
    mix.version();
} else {
    mix.sourceMaps();
}

// BrowserSync
mix.browserSync({
    proxy: 'blog.localhost',
    port: 3000,
    open: false
});
Пример #20
0
 | 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 your application, as well as bundling up your JS files.
 |
 */
const assets = 'assets';
const dist = 'dist';
const node = 'node_modules'
const resources = 'inc';

mix.options({
    clearConsole: false
});

// javascript transpiling, minifying, extracting and concatenating
mix.js(`${node}/jquery/dist/jquery.js`, `${dist}/scripts`)
    .js(`${node}/popper.js/dist/umd/popper.js`, `${dist}/scripts`)
    .js(`${node}/bootstrap/dist/js/bootstrap.js`, `${dist}/scripts`)
    .js(`${node}/tablesorter/dist/js/jquery.tablesorter.js`, `${dist}/scripts`)
    .js(`${assets}/js/app.js`, `${dist}/scripts`)
    .extract(['jquery', 'bootstrap', 'popper.js', 'tablesorter']);

// straight copy of files
mix.copy(`${node}/bootstrap/dist/css/bootstrap.min.css`, `${dist}/styles`)
    .copy(`${node}/font-awesome/css/font-awesome.min.css`, `${dist}/styles`)
    .copy(`${node}/font-awesome/fonts/`, `${dist}/fonts`)
    .copy(`${node}/bootstrap/dist/js/bootstrap.min.js`, `${dist}/scripts`)
    .copy(`${node}/popper.js/dist/umd/popper.min.js`, `${dist}/scripts`)
    .copy(`${node}/tablesorter/dist/js/jquery.tablesorter.min.js`, `${dist}/scripts`)

// BrowserSync
Пример #21
0
const mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | 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.js('resources/js/app.js', 'public/js')/*
   .sass('resources/sass/app.scss', 'public/css')*/;
Пример #22
0
const mix = require("laravel-mix");
const tailwindcss = require("tailwindcss");

/*
 |--------------------------------------------------------------------------
 | 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.js("resources/js/app.js", "public/js")
    .sass("resources/sass/app.scss", "public/css")
    .options({
        processCssUrls: false,
        postCss: [tailwindcss("tailwind.config.js")]
    });
Пример #23
0
let mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | 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 your application, as well as bundling up your JS files.
 |
 */

mix.js('assets/js/app.js', 'dist/')
    .sass('assets/sass/app.scss', 'dist/')
    .sourceMaps()
    .browserSync('elseif.app')
    .setPublicPath('assets');

// Full API
// mix.js(src, output);
// mix.react(src, output); <-- Identical to mix.js(), but registers React Babel compilation.
// mix.extract(vendorLibs);
// mix.sass(src, output);
// mix.standaloneSass('src', output); <-- Faster, but isolated from Webpack.
// mix.less(src, output);
// mix.stylus(src, output);
// mix.browserSync('my-site.dev');
// mix.combine(files, destination);
// mix.babel(files, destination); <-- Identical to mix.combine(), but also includes Babel compilation.
// mix.copy(from, to);
Пример #24
0
let mix = require('laravel-mix');

mix.js('resources/assets/js/blog.js', 'public/js')
    .js('resources/assets/js/dashboard.js', 'public/js')
    .sass('resources/assets/sass/blog.scss', 'public/css')
    .sass('resources/assets/sass/dashboard.scss', 'public/css')
    .copy('resources/assets/images', 'public/images')
    .version();
Пример #25
0
let mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | 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.js([
		'node_modules/jquery/dist/jquery.min.js',
		'node_modules/bootstrap/dist/js/bootstrap.js',
		'resources/assets/js/app.js'
		],
	'public/js')
	.extract(['jquery', 'vue'])
   .sass('resources/assets/sass/app.scss', 'public/css');
Пример #26
0
const config = require('./config.json');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your WP theme. By default, we are compiling the Sass
 | file for your application, as well as bundling up your JS files.
 |
 */
mix.setPublicPath(config.paths.build);
mix.setResourceRoot(config.paths.root);

mix.js(`${config.paths.assets}/${config.scripts}`, `${config.paths.build}/scripts/`)
    .extract(config.extract)
    .sass(`${config.paths.assets}/${config.sass}`, `${config.paths.build}/styles/`)
    .copy(`${config.paths.assets}/images/**/*.{png,jpg,jpeg,gif,svg,ico}`, `${config.paths.build}/images`, false)
    .copy(`${config.paths.assets}/fonts/**/*.{eot,svg,ttf,otf,woff,woff2}`, `${config.paths.build}/fonts`, false);


mix.options({
    // processCssUrls: false,
    vue: {
        esModule: true
    },
    // extractVueStyles: `${config.paths.build}/${config.vue_css}` // Path or boolean
    //   globalVueStyles: file, // Variables file to be imported in every component.
});
Пример #27
0
let mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | 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.js('resources/assets/front/js/app.js', 'public/front/js')
   .sass('resources/assets/front/sass/app.scss', 'public/front/css')
   .options({
	    extractVueStyles: true
    })
   .browserSync({
       proxy: 'localhost:8000'
   });
Пример #28
0
        exclude: /node_modules/,
        loader: 'eslint-loader',
        enforce: 'pre',
        include: [path.resolve('frontend/js')],
        options: {
          formatter: require('eslint-friendly-formatter')
        }
      }
    ]
  }
})

mix.copyDirectory('frontend/fonts', 'public/assets/admin/fonts')

mix.js(
  'frontend/js/main-listing.js',
  'public/assets/admin/js'
).js(
  'frontend/js/main-form.js',
  'public/assets/admin/js'
).js(
  'frontend/js/main-buckets.js',
  'public/assets/admin/js'
).js(
  'frontend/js/main-dashboard.js',
  'public/assets/admin/js'
).sass(
  'frontend/scss/app.scss',
  'public/assets/admin/css'
)

if (mix.inProduction()) {
Пример #29
0
let mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | 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.js('resources/assets/js/main.js', 'public/js')
    .sass('resources/assets/sass/app.scss', 'public/css');
let mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | 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 your application, as well as bundling up your JS files.
 |
 */

mix.js('src/app.js', 'dist/')
   .sass('src/app.scss', 'dist/')
   .setPublicPath('dist');

// Full API
// mix.js(src, output);
// mix.react(src, output); <-- Identical to mix.js(), but registers React Babel compilation.
// mix.ts(src, output); <-- Requires tsconfig.json to exist in the same folder as webpack.mix.js
// mix.extract(vendorLibs);
// mix.sass(src, output);
// mix.standaloneSass('src', output); <-- Faster, but isolated from Webpack.
// mix.fastSass('src', output); <-- Alias for mix.standaloneSass().
// mix.less(src, output);
// mix.stylus(src, output);
// mix.postCss(src, output, [require('postcss-some-plugin')()]);
// mix.browserSync('my-site.dev');
// mix.combine(files, destination);
// mix.babel(files, destination); <-- Identical to mix.combine(), but also includes Babel compilation.