terserOptions: {
                warnings: true,
                // sourceMap: true,
                compress: {
                    warnings: false,
                    drop_console: true
                }
            }
        }
    });
}

mix.options({processCssUrls: false});

// enable source maps
mix.sourceMaps(false);

// less
mix.less('resources/assets/less/app.less', 'public/assets/css/app.main.css')
    .less('resources/assets/less/console.less', 'public/assets/css/console.main.css')
    .less('resources/assets/less/mobile.less', 'public/assets/css/mobile.main.css');

// js
mix.js('resources/assets/js/app.js', 'public/assets/js/app.main.js')
    .js('resources/assets/js/console.js', 'public/assets/js/console.main.js')
    .js('resources/assets/js/mobile.js', 'public/assets/js/mobile.main.js')
    .extract([
        'jquery', 'lodash', 'moment', 'axios',
        'vue', 'vue-i18n', 'vuex', 'vue-router',
        'autosize'
    ], 'public/assets/js/vendor');
Exemple #2
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
});
Exemple #3
0
let path = require('path');

/*
 |--------------------------------------------------------------------------
 | 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(path.join('public', 'assets'));
mix.setResourceRoot('/assets/');
mix.sourceMaps(! mix.inProduction());
mix.disableNotifications();

if (mix.config.hmr === true) {
  mix.setResourceRoot('/');
}

/*
 |--------------------------------------------------------------------------
 | Bootstrap SASS & jQuery bundle.
 |--------------------------------------------------------------------------
 |
 | 包含 jQuery 和 Bootstrap 的捆包。
 |
 */
        _asset + 'js/plugins/bootstrap/scrollspy.js',
        _asset + 'js/plugins/bootstrap/tab.js',
        _asset + 'js/plugins/bootstrap/affix.js',
        _asset + 'js/_main.js'
    ], 'js/main.min.js')
    .scripts(_asset + 'js/modernizr.custom.js', 'dist/js/modernizr.js')
    .less(_asset + 'less/app.less', 'dist/css/main.min.css')
    .options({
        processCssUrls: false
    })
    .styles([
        _asset + 'fonts/fontello/css/fontello.css',
        _asset + 'fonts/proximanova/proximanova.css',
        _asset + 'css/GentiumBookBasic.css'
    ], 'dist/css/fonts.css')
    .styles(_asset + 'fonts/fontello/css/fontello-ie7.css', 'dist/css/fontello-ie7.css')
    .styles(_asset + 'css/jquery-ui.min.css', 'dist/css/jquery-ui.min.css')
    .styles(_asset + 'css/ie7.css', 'dist/css/ie7.css')
    .styles(_asset + 'css/ie7and8.css', 'dist/css/ie7and8.css')
    .styles(_asset + 'css/old-ie.css', 'dist/css/old-ie.css')
    .copy(_asset + 'img/*', 'dist/img/')
    .copy(_asset + 'fonts/fontello/font/*', 'dist/font/')
    .copy(_asset + 'fonts/proximanova/font/*', 'dist/css/');


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