You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
1.6 KiB
74 lines
1.6 KiB
7 years ago
|
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.
|
||
|
|
|
|
||
|
|
*/
|
||
|
|
|
||
|
|
const app = 'app';
|
||
|
|
const resources = 'resources';
|
||
|
|
const assets = `${resources}/assets`;
|
||
|
|
const dist = 'dist';
|
||
|
|
|
||
|
|
mix.setPublicPath(dist);
|
||
|
|
mix.setResourceRoot('../');
|
||
|
|
|
||
|
|
// BrowserSync
|
||
|
|
mix.browserSync({
|
||
|
|
host: 'localhost',
|
||
|
|
proxy: 'http://pressbooks.dev',
|
||
|
|
port: 3000,
|
||
|
|
files: [
|
||
|
|
`${app}/**/*.php`,
|
||
|
|
`${resources}/**/*.php`,
|
||
|
|
`${dist}/**/*.css`,
|
||
|
|
`${dist}/**/*.js`,
|
||
|
|
],
|
||
|
|
});
|
||
|
|
|
||
|
|
// Sass
|
||
|
|
mix.sass(`${assets}/styles/main.scss`, `${dist}/styles/main.css`);
|
||
|
|
|
||
|
|
// Javascript
|
||
|
|
mix.autoload({
|
||
|
|
jquery: ['$', 'window.jQuery', 'jQuery'],
|
||
|
|
});
|
||
|
|
|
||
|
|
mix.js(`${assets}/scripts/main.js`, `${dist}/scripts`)
|
||
|
|
.js(`${assets}/scripts/customizer.js`, `${dist}/scripts`);
|
||
|
|
|
||
|
|
// Assets
|
||
|
|
mix.copy(`${assets}/fonts`, `${dist}/fonts`, false)
|
||
|
|
.copy(`${assets}/images`, `${dist}/images`, false);
|
||
|
|
|
||
|
|
// Options
|
||
|
|
mix.options({
|
||
|
|
processCssUrls: false,
|
||
|
|
});
|
||
|
|
|
||
|
|
// Source maps when not in production.
|
||
|
|
if (!mix.inProduction()) {
|
||
|
|
mix.sourceMaps();
|
||
|
|
}
|
||
|
|
|
||
|
|
// Hash and version files in production.
|
||
|
|
if (mix.inProduction()) {
|
||
|
|
mix.version();
|
||
|
|
}
|
||
|
|
|
||
|
|
// Add Isotope support.
|
||
|
|
mix.webpackConfig({
|
||
|
|
resolve: {
|
||
|
|
alias: {
|
||
|
|
'masonry': 'masonry-layout',
|
||
|
|
'isotope': 'isotope-layout',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|