1. Advisor
  2. laravel-mix
  3. functions
  4. laravel-mix.styles
View all laravel-mix analysis

How to use the laravel-mix.styles function in laravel-mix

To help you get started, we’ve selected a few laravel-mix examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github bpocallaghan / laravel-admin-starter / webpack.mix.js View on Github external
// mix.copy(pathBase + '/sounds', public + '/sounds');

    // copy all the images
    mix.copy(pathBase + '/images', public + '/images');
}

// website assets
if (COMPILE == 'website' || COMPILE == 'all') {
    var path = pathBase + '/';
    var pathCSS = path + '/css/';
    var pathJS = path + '/js/';

    mix.sass('resources/assets/sass/vendor.scss', pathCSS )
        .setPublicPath('resources');

    mix.styles([
        pathCSS + 'vendor.css',
        pathCSS + 'vendor/animate.css',
        pathCSS + 'vendor/fancybox.css',
        pathCSS + 'vendor/font-awesome.css',
        pathCSS + 'vendor/jquery.fancybox.css',

        pathCSS + 'app/faq.css',
        pathCSS + 'app/colors.css',
        pathCSS + 'app/pricing.css',
        pathCSS + 'app/utilities.css',
        pathCSS + 'app/testimonials.css',

        pathCSS + 'website.css',
        pathCSS + 'overrides.css',
    ], public + '/css/website.css');
github eventum / eventum / webpack.mix.js View on Github external
| 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('htdocs');
mix.options({
    // Process/optimize relative stylesheet url()'s. Set to false, if you don't want them touched.
    processCssUrls: true,
});
mix.setResourceRoot('..');

mix.sass('res/assets/sass/app.scss', 'htdocs/css/app.css');

mix.styles([
    'node_modules/font-awesome/css/font-awesome.css',
    'node_modules/chosen-js/chosen.css',
    'node_modules/dropzone/dist/basic.css',
], 'htdocs/css/components.css');

mix.copy('node_modules/chosen-js/*.png', 'htdocs/css');
mix.copy('node_modules/font-awesome/fonts', 'htdocs/fonts');

mix.js([
    'res/assets/scripts/app.js',
], 'htdocs/js/app.js');

mix.sass('res/assets/sass/jquery-ui.scss', 'htdocs/css/jquery-ui.css');
mix.scripts([
    // core.js
    'node_modules/jquery-ui/ui/version.js',
github nasirkhan / laravel-starter / webpack.mix.js View on Github external
// jquery and icon fonts
mix.copy("node_modules/jquery/dist/jquery.min.js", "public/js/jquery.min.js")
    .copy("node_modules/@fortawesome/fontawesome-free/webfonts/*", "public/webfonts")
    .copy('node_modules/@coreui/icons/fonts', 'public/fonts');

/**
 *
 * Backend
 *
 * -----------------------------------------------------------------------------
 */
// Build Backend SASS
mix.sass("resources/sass/backend.scss", "public/css/backend-theme.css");

// Backend CSS
mix.styles(
    [
        "public/css/backend-theme.css",
        "node_modules/@coreui/icons/css/all.css",
        "node_modules/@fortawesome/fontawesome-free/css/all.min.css",
        "resources/css/custom-backend.css"
    ],
    "public/css/backend.css"
);

// Backend JS
mix.scripts(
    [
        "node_modules/jquery/dist/jquery.min.js",
        "node_modules/bootstrap/dist/js/bootstrap.min.js",
        "node_modules/perfect-scrollbar/dist/perfect-scrollbar.min.js",
        "node_modules/@coreui/coreui/dist/js/coreui.bundle.js",
github Labs64 / laravel-boilerplate / webpack.mix.js View on Github external
'node_modules/gentelella/vendors/flot.orderbars/js/jquery.flot.orderBars.js',
    'node_modules/gentelella/vendors/DateJS/build/date.js',
    'node_modules/gentelella/vendors/flot.curvedlines/curvedLines.js',
    'node_modules/gentelella/vendors/flot-spline/js/jquery.flot.spline.min.js',

    'node_modules/gentelella/production/js/moment/moment.min.js',
    'node_modules/gentelella/vendors/bootstrap-daterangepicker/daterangepicker.js',


    'node_modules/gentelella/vendors/Chart.js/dist/Chart.js',
    'node_modules/jcarousel/dist/jquery.jcarousel.min.js',

    'resources/assets/admin/js/dashboard.js',
], 'public/assets/admin/js/dashboard.js').version();

mix.styles([
    'node_modules/gentelella/vendors/bootstrap-daterangepicker/daterangepicker.css',
    'resources/assets/admin/css/dashboard.css',
], 'public/assets/admin/css/dashboard.css').version();
github thirdgerb / studio-hyperf / frontend / webpack.mix.js View on Github external
const HtmlWebpackPlugin = require('html-webpack-plugin');

/*
 |--------------------------------------------------------------------------
 | 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('public');
mix.js('src/js/app.js', 'js/app.js');
mix.styles([
    "./src/Bubble/css/setup.css",
    "./src/Bubble/css/says.css",
    "./src/Bubble/css/reply.css",
    "./src/Bubble/css/typing.css",
    "./src/Bubble/css/input.css",
], 'public/css/app.css');

mix.webpackConfig({
    output: {
        publicPath : '',
    },
    plugins: [
        new HtmlWebpackPlugin({                        //根据模板插入css/js等生成最终HTML
            filename:'index.html',    //生成的html存放路径，相对于 path
            template:'src/html/index.html',    //html模板路径
            title: '测试',
github changeweb / Unifiedtransform / webpack.mix.js View on Github external
let mix = require('laravel-mix');

mix.scripts([
    'resources/assets/theme/vendors/js/jquery-2.1.3.min.js',
    'resources/assets/theme/vendors/js/bootstrap-3.3.7.min.js',
    'resources/assets/theme/vendors/js/dataTables-1.10.16.min.js',
    'resources/assets/theme/vendors/js/dataTables-1.10.16.bootstrap.min.js',
    'resources/assets/theme/vendors/js/chosen.jquery.min.js',
    'resources/assets/theme/vendors/js/bootstrap-datepicker.min.js',
], 'public/js/vendors.js')

mix.styles([
    'resources/assets/theme/vendors/css/bootstrap.min.css',
    'resources/assets/theme/vendors/css/dataTables-1.10.16.bootstrap.min.css',
    'resources/assets/theme/vendors/css/chosen.bootstrap.min.css',
    'resources/assets/theme/vendors/css/bootstrap-datepicker.min.css',
    'resources/assets/theme/vendors/css/flatly.bootstrap-3.3.7.min.css',
], 'public/css/vendors.css')

mix.scripts([
    'resources/assets/theme/application/js/initializer.js',
], 'public/js/application.js')

mix.styles([
    'resources/assets/theme/application/css/app-layout.css',
], 'public/css/application.css')

mix.styles([
github Labs64 / laravel-boilerplate / webpack.mix.js View on Github external
'node_modules/pace-progress/themes/blue/pace-theme-minimal.css',

], 'public/assets/app/css/app.css').version();

mix.copy([
    'node_modules/font-awesome/fonts/',
], 'public/assets/app/fonts');

/*
 |--------------------------------------------------------------------------
 | Auth
 |--------------------------------------------------------------------------
 |
 */

mix.styles('resources/assets/auth/css/login.css', 'public/assets/auth/css/login.css').version();
mix.styles('resources/assets/auth/css/register.css', 'public/assets/auth/css/register.css').version();
mix.styles('resources/assets/auth/css/passwords.css', 'public/assets/auth/css/passwords.css').version();

mix.styles([
    'node_modules/bootstrap/dist/css/bootstrap.css',
    'node_modules/gentelella/vendors/animate.css/animate.css',
    'node_modules/gentelella/build/css/custom.css',
], 'public/assets/auth/css/auth.css').version();

/*
 |--------------------------------------------------------------------------
 | Admin
 |--------------------------------------------------------------------------
 |
 */
github Labs64 / laravel-boilerplate / webpack.mix.js View on Github external
|--------------------------------------------------------------------------
 | Admin
 |--------------------------------------------------------------------------
 |
 */

mix.scripts([
    'node_modules/bootstrap/dist/js/bootstrap.js',
    'node_modules/gentelella/vendors/bootstrap-progressbar/bootstrap-progressbar.min.js',
    'node_modules/gentelella/build/js/custom.js',
    'node_modules/guidechimp/dist/guidechimp.min.js',
    'node_modules/guidechimp/dist/plugins/multiPage.min.js',
    'resources/assets/admin/js/admin.js',
], 'public/assets/admin/js/admin.js').version();

mix.styles([
    'node_modules/bootstrap/dist/css/bootstrap.css',
    'node_modules/gentelella/vendors/animate.css/animate.css',
    'node_modules/gentelella/build/css/custom.css',
    'node_modules/guidechimp/dist/guidechimp.min.css',
    'resources/assets/admin/css/admin.css',
], 'public/assets/admin/css/admin.css').version();


mix.copy([
    'node_modules/gentelella/vendors/bootstrap/dist/fonts',
], 'public/assets/admin/fonts');


mix.scripts([
    'node_modules/select2/dist/js/select2.full.js',
    'resources/assets/admin/js/users/edit.js',
github hui-ho / WebStack-Laravel / webpack.mix.js View on Github external
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.styles([
    'resources/assets/web-stack/css/fonts/linecons/css/linecons.css',
    'resources/assets/web-stack/css/fonts/fontawesome/css/font-awesome.min.css',
    'resources/assets/web-stack/css/bootstrap.css',
    'resources/assets/web-stack/css/xenon-core.css',
    'resources/assets/web-stack/css/xenon-components.css',
    'resources/assets/web-stack/css/xenon-skins.css',
    'resources/assets/web-stack/css/nav.css'
], 'public/css/app.css');

mix.copyDirectory('resources/assets/web-stack/css/fonts/fontawesome/fonts', 'public/fonts');
mix.copyDirectory('resources/assets/web-stack/css/fonts/linecons/font', 'public/font');
mix.copyDirectory('resources/assets/web-stack/images', 'public/img');

mix.scripts([
    'resources/assets/web-stack/js/jquery-1.11.1.min.js',
    'resources/assets/web-stack/js/bootstrap.min.js',
github Labs64 / laravel-boilerplate / webpack.mix.js View on Github external
mix.copy([
    'node_modules/font-awesome/fonts/',
], 'public/assets/app/fonts');

/*
 |--------------------------------------------------------------------------
 | Auth
 |--------------------------------------------------------------------------
 |
 */

mix.styles('resources/assets/auth/css/login.css', 'public/assets/auth/css/login.css').version();
mix.styles('resources/assets/auth/css/register.css', 'public/assets/auth/css/register.css').version();
mix.styles('resources/assets/auth/css/passwords.css', 'public/assets/auth/css/passwords.css').version();

mix.styles([
    'node_modules/bootstrap/dist/css/bootstrap.css',
    'node_modules/gentelella/vendors/animate.css/animate.css',
    'node_modules/gentelella/build/css/custom.css',
], 'public/assets/auth/css/auth.css').version();

/*
 |--------------------------------------------------------------------------
 | Admin
 |--------------------------------------------------------------------------
 |
 */

mix.scripts([
    'node_modules/bootstrap/dist/js/bootstrap.js',
    'node_modules/gentelella/vendors/bootstrap-progressbar/bootstrap-progressbar.min.js',
    'node_modules/gentelella/build/js/custom.js',

laravel-mix

The power of webpack, distilled for the rest of us.

GitHub
MIT
Latest version published 2 years ago

Package Health Score

61 / 100
Full package analysis

Popular laravel-mix functions

Similar packages