/home/edulekha/crm.edulekha.com/webpack.mix.js
let mix = require("laravel-mix");
const ReplaceInFileWebpackPlugin = require("replace-in-file-webpack-plugin");
const fs = require("fs");
mix
.options({
// Don't perform any css url rewriting by default
processCssUrls: false,
})
.vue()
.js('resources/js/app.js', 'assets/builds')
.sourceMaps(false)
.disableNotifications();
mix.postCss("resources/css/tailwind.css", "assets/builds", [
require("postcss-import"),
require("tailwindcss/nesting")(require("postcss-nesting")),
require("tailwindcss"),
require("autoprefixer"),
]);
mix.minify([
"assets/plugins/internal/google-picker/picker.js",
"assets/plugins/internal/validation/app-form-validation.js",
"assets/plugins/internal/highlight/highlight.js",
"assets/plugins/internal/hotkeys/hotkeys.js",
"assets/plugins/internal/desktop-notifications/notifications.js",
"assets/themes/perfex/js/clients.js",
"assets/themes/perfex/js/global.js",
"assets/js/main.js",
"assets/js/map.js",
"assets/js/projects.js",
"assets/js/tickets.js",
"assets/plugins/tagsinput/js/tag-it.js", // tag-it.js is modified
]);
mix.combine(
[
"assets/plugins/jquery/jquery.min.js",
"assets/plugins/jquery-ui/jquery-ui.min.js",
"assets/plugins/metisMenu/metisMenu.min.js",
"assets/plugins/readmore/readmore.min.js",
"assets/plugins/bootstrap/js/bootstrap.min.js",
"assets/plugins/tagsinput/js/tag-it.js",
"assets/plugins/jquery.are-you-sure/jquery.are-you-sure.js",
"assets/plugins/jquery.are-you-sure/ays-beforeunload-shim.js",
"assets/plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js",
"assets/plugins/dropzone/min/dropzone.min.js",
"assets/plugins/Chart.js/Chart.min.js",
"assets/plugins/datetimepicker/jquery.datetimepicker.full.min.js",
"assets/plugins/internal/hotkeys/hotkeys.js",
"assets/plugins/internal/desktop-notifications/notifications.js",
"assets/plugins/lightbox/js/lightbox.min.js",
"assets/plugins/accounting.js/accounting.min.js",
],
"assets/builds/vendor-admin.js"
);
mix.combine(
[
"assets/plugins/internal/validation/app-form-validation.min.js",
"assets/plugins/internal/highlight/highlight.js",
"assets/plugins/internal/google-picker/picker.min.js",
"assets/plugins/waypoint/jquery.waypoints.min.js",
"assets/plugins/internal/bootstrap-nav-tabs-scrollable/bootstrap-nav-tab-scrollable.js",
"assets/js/app.js",
],
"assets/builds/common.js"
);
mix.combine(
[
"assets/plugins/bootstrap-select/js/bootstrap-select.min.js",
"assets/plugins/bootstrap-select-ajax/js/ajax-bootstrap-select.min.js",
],
"assets/builds/bootstrap-select.min.js"
);
mix.combine(
[
"assets/plugins/moment/moment-with-locales.min.js",
"assets/plugins/moment-timezone/moment-timezone-with-data-10-year-range.min.js",
],
"assets/builds/moment.min.js"
);
mix.combine(
[
"assets/plugins/bootstrap/css/bootstrap.min.css",
"assets/plugins/datatables/datatables.min.css",
"assets/plugins/jquery-ui/jquery-ui.min.css",
"assets/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css",
"assets/plugins/dropzone/min/dropzone.min.css",
"assets/plugins/bootstrap-select/css/bootstrap-select.min.css",
"assets/plugins/bootstrap-select-ajax/css/ajax-bootstrap-select.min.css",
"assets/plugins/tagsinput/css/jquery.tagit.css",
"assets/plugins/tagsinput/css/tagit.ui-zendesk.css",
"assets/plugins/datetimepicker/jquery.datetimepicker.min.css",
"assets/plugins/lightbox/css/lightbox.min.css",
// "assets/plugins/internal/bootstrap-nav-tabs-scrollable/bootstrap-nav-tab-scrollable.css",
],
"assets/builds/vendor-admin.css"
);
mix.webpackConfig((webpack) => {
return {
plugins: [
new ReplaceInFileWebpackPlugin([
{
files: ["assets/builds/vendor-admin.css"],
rules: [
{
search: /img\/bootstrap-colorpicker/g,
replace:
"plugins/bootstrap-colorpicker/img/bootstrap-colorpicker",
},
{
search: /images\/ui-/g,
replace: "../plugins/jquery-ui/images/ui-",
},
{
search: /..\/fonts\/glyphicons-/g,
replace: "../plugins/bootstrap/fonts/glyphicons-",
},
// lightbox
{
search: /..\/images\/close/g,
replace: "../plugins/lightbox/images/close",
},
{
search: /..\/images\/loading/g,
replace: "../plugins/lightbox/images/loading",
},
{
search: /..\/images\/next/g,
replace: "../plugins/lightbox/images/next",
},
{
search: /..\/images\/prev/g,
replace: "../plugins/lightbox/images/prev",
},
],
},
// {
// files: [
// "assets/plugins/tinymce/skins/lightgray/skin.min.css",
// "assets/plugins/tinymce/skins/lightgray/skin.mobile.min.css",
// ],
// rules: [
// {
// search: /\/\*# sourceMappingURL=skin\.min\.css\.map \*\//,
// replace: "",
// },
// {
// search: /\/\*# sourceMappingURL=skin\.mobile\.min\.css\.map \*\//,
// replace: "",
// },
// ],
// },
// {
// files: ["assets/plugins/datatables/datatables.min.js"],
// rules: [
// {
// search: /\/\/# sourceMappingURL=pdfmake\.min\.js\.map/,
// replace: "",
// },
// ],
// },
]),
],
};
});
mix.minify([
"assets/themes/perfex/css/style.css",
"assets/css/forms.css",
"assets/css/style.css",
"assets/css/reset.css",
]);
if (mix.inProduction()) {
mix.after(() => {
let migrationFile = fs.readFileSync("./application/config/migration.php");
let versionRegex = /(\['migration_version'\] = )(\d+;) (\/\/) (\d.\d.\d)/gm;
let versionConfig = versionRegex.exec(migrationFile)[4];
[
"assets/js/main.min.js",
"assets/js/map.min.js",
"assets/js/projects.min.js",
"assets/js/tickets.min.js",
"assets/themes/perfex/js/clients.min.js",
"assets/themes/perfex/js/global.min.js",
].forEach((headerableFile) => {
const data = fs.readFileSync(headerableFile);
const fd = fs.openSync(headerableFile, "w+");
const insert = Buffer.from("/* " + versionConfig + " */ \n");
fs.writeSync(fd, insert, 0, insert.length, 0);
fs.writeSync(fd, data, 0, data.length, insert.length);
fs.close(fd, (err) => {
if (err) throw err;
});
});
});
}