mirror of
https://github.com/stisla/stisla.git
synced 2025-08-30 11:30:07 +02:00
133 lines
4.0 KiB
JavaScript
133 lines
4.0 KiB
JavaScript
const mix = require('laravel-mix');
|
|
const glob = require('glob');
|
|
const fs = require('fs');
|
|
const exec = require('child_process').exec;
|
|
require('laravel-mix-nunjucks')
|
|
|
|
/*
|
|
|--------------------------------------------------------------------------
|
|
| 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.
|
|
|
|
|
*/
|
|
|
|
/**
|
|
* Compile HTML (Nunjucks compiler)
|
|
*/
|
|
mix.njk('src/html/**/*', 'dist/', {
|
|
ext: '.html',
|
|
data: {
|
|
version: '3.0.0',
|
|
site_name: 'Stisla'
|
|
},
|
|
// marked: null,
|
|
envOptions: {
|
|
trimBlocks: true,
|
|
lstripBlocks: true,
|
|
},
|
|
manageEnv: (nunjucks) => {
|
|
nunjucks.addFilter('is_active', (str, reg, page) => {
|
|
reg = new RegExp(reg, 'gm');
|
|
reg = reg.exec(page);
|
|
|
|
if(reg != null) {
|
|
return str;
|
|
}
|
|
})
|
|
},
|
|
});
|
|
|
|
/**
|
|
* Compile CSS (SCSS compiler)
|
|
*/
|
|
mix.sass('src/scss/style.scss', 'dist/css');
|
|
|
|
/**
|
|
* Compile JS (Babel compiler)
|
|
*/
|
|
|
|
// get all js files
|
|
const jsFiles = glob.sync('src/js/**/*.js');
|
|
|
|
// compile each js file
|
|
jsFiles.forEach(filename => {
|
|
mix.js(filename, filename.replace(/^src\//g, 'dist/'));
|
|
});
|
|
|
|
/**
|
|
* Publish dependencies from node modules
|
|
*/
|
|
const libs = JSON.parse(fs.readFileSync('json/libraries.json'));
|
|
|
|
exec('mkdir -p dist/libraries');
|
|
|
|
libs.forEach((lib) => {
|
|
let path = `dist/libraries/${lib}`;
|
|
let cmd = `cp -r node_modules/${lib} ${path}`;
|
|
|
|
exec(cmd);
|
|
});
|
|
|
|
/**
|
|
* Copying all imgs from src
|
|
*/
|
|
mix.copyDirectory('src/img', 'dist/img');
|
|
|
|
|
|
/**
|
|
* Watch
|
|
*/
|
|
mix.browserSync({
|
|
proxy: false,
|
|
files: [
|
|
'src/html/*',
|
|
'src/scss/*',
|
|
'src/js/*',
|
|
],
|
|
server: {
|
|
baseDir: 'dist'
|
|
}
|
|
});
|
|
|
|
// Full API
|
|
// mix.js(src, output);
|
|
// mix.react(src, output); <-- Identical to mix.js(), but registers React Babel compilation.
|
|
// mix.preact(src, output); <-- Identical to mix.js(), but registers Preact compilation.
|
|
// mix.coffee(src, output); <-- Identical to mix.js(), but registers CoffeeScript compilation.
|
|
// mix.ts(src, output); <-- TypeScript support. Requires tsconfig.json to exist in the same folder as webpack.mix.js
|
|
// mix.extract(vendorLibs);
|
|
// mix.sass(src, output);
|
|
// mix.less(src, output);
|
|
// mix.stylus(src, output);
|
|
// mix.postCss(src, output, [require('postcss-some-plugin')()]);
|
|
// mix.browserSync('my-site.test');
|
|
// mix.combine(files, destination);
|
|
// mix.babel(files, destination); <-- Identical to mix.combine(), but also includes Babel compilation.
|
|
// mix.copy(from, to);
|
|
// mix.copyDirectory(fromDir, toDir);
|
|
// mix.minify(file);
|
|
// mix.sourceMaps(); // Enable sourcemaps
|
|
// mix.version(); // Enable versioning.
|
|
// mix.disableNotifications();
|
|
// mix.setPublicPath('path/to/public');
|
|
// mix.setResourceRoot('prefix/for/resource/locators');
|
|
// mix.autoload({}); <-- Will be passed to Webpack's ProvidePlugin.
|
|
// mix.webpackConfig({}); <-- Override webpack.config.js, without editing the file directly.
|
|
// mix.babelConfig({}); <-- Merge extra Babel configuration (plugins, etc.) with Mix's default.
|
|
// mix.then(function () {}) <-- Will be triggered each time Webpack finishes building.
|
|
// mix.override(function (webpackConfig) {}) <-- Will be triggered once the webpack config object has been fully generated by Mix.
|
|
// mix.dump(); <-- Dump the generated webpack config object to the console.
|
|
// mix.extend(name, handler) <-- Extend Mix's API with your own components.
|
|
// mix.options({
|
|
// extractVueStyles: false, // Extract .vue component styling to file, rather than inline.
|
|
// globalVueStyles: file, // Variables file to be imported in every component.
|
|
// processCssUrls: true, // Process/optimize relative stylesheet url()'s. Set to false, if you don't want them touched.
|
|
// purifyCss: false, // Remove unused CSS selectors.
|
|
// terser: {}, // Terser-specific options. https://github.com/webpack-contrib/terser-webpack-plugin#options
|
|
// postCss: [] // Post-CSS options: https://github.com/postcss/postcss/blob/master/docs/plugins.md
|
|
// });
|