Setup WebPack to sync your defined source folders/files with your distribution folder

In Grunt, there's a plugin called Grunt-sync that can keep directories in sync. This is useful if you have custom template that is common and used in all your websites you are developing (it is good practice to modify/update your common custom template in one place instead of modifying/updating in each of websites source files). As of this writing there's no plugin for WebPack that can do the functionality same as Grunt-sync. However, we can "almost" achieve the functionality of Grunt-sync on WebPack by using two plugins. These are "Copy WebPack Plugin" and "Clean for WebPack" plugins.

Solution to no CSS source map file generated under production mode in Webpack 4

The issue is in Webpack 4 under "production" mode there is no source map file generated only for CSS (no problem in javascript source map file) but there is no issue in generation of source map for CSS under "development" mode.

Here are my previous configurations:

package.json

Find target URL in each links in a page using advanced Selenium IDE script

In this article, we will create Selenium IDE routine that will find a target URL (we will use "webfoobar.com") in each links in each Google search page results until it finds the target URL. The Selenium IDE standard set of commands can't accomplish this task, we will need additional plugin "Flow control" that provides goto, while, etc. commands.As of this writing, the latest Selenium IDE does not support "Flow control" plugin additional commands and we will need to install legacy Selenium IDE plugin (version 2.9.1.1).

Run your legacy projects in PHP 5.6 along with Laravel Valet that runs under PHP 7.2 in macOS

As of this writing, the latest Laravel Valet requires PHP 7.2. What if you still have legacy projects or Drupal 6 modules you maintain that can't run under PHP 7.2? It would be nice if Laravel Valet has option to run multiple PHP versions but there isn't one. Laravel Valet uses nginx + php-fpm and we can tap to nginx and php-fpm's configurations to make possible to run our legacy projects in PHP 5.6. This will make our nginx running both PHP 7.2 and PHP 5.6.

Workaround way to display nginx configuration error details in macOS

The Homebrew service control in macOS does not display if there is/are error(s) in your nginx configuration. For example if you mistakenly duplicate the declaration of "client_max_body_size" directive Homebrew service control won't give any error details or even tell you that there is error in your nginx configuration when you restarted the nginx service:

How to include terminal and VIM applications in Karabiner version 10.22.0 change key

Some of the change key options are excluding terminal and VIM. What if you like the terminal and VIM applications be included in the change key options where they are excluded? In Karabiner version 10.22.0 there is private.xml for your custom configurations. This is locate at:

  
~/Library/Application Support/Karabiner/private.xml
  

To include terminal and VIM applications in Karabiner change key, edit the private.xml and have the following codes as its content:

How to change the owner and group of VMware's Shared Folder in macOS guest OS

The owner and group of VMware's Shared Folder in macOS guest OS can't be changed by just using chmod. Mounting of the VMware's Shared Folder is the task of VMware Tools and it is possible to change its owner and group during mounting.

VMware Tools uses a bash script to mount VMware's Shared Folder and it is located at:

Tags