Use Browserify Globally as Watcher in PhpStorm [ add Babelify ] Use Browserify Globally as Watcher in PhpStorm external link: https://google.com … You will need first the esmify and browser-resolve libraries sudo npm i -g esmify browser-resolve Then add -p /usr/local/lib/node_modules/esmify/esmify.js to the browserify command $FilePath$ -d -t [ /usr/local/lib/node_modules/babelify/index.js ] -p /usr/local/lib/node_modules/esmify/esmify.js -p [/usr/local/lib/node_modules/minifyify/lib/index.js
Tips and tricks
First you need to install tinypng-cli and provide an api key sudo npm install -g tinypng-cli Use this code to compress in the same directory If it has been compressed before and has the compressed- prefix, then other files will not get compressed. Make a file named tinify.command and place it in your directory. declare
This is the regex javascript [\s|\S](?:.)([a-z].*?):.*// --(.*?)\n php (.*?)=>.*,.*\/\/ --(.*?)(\n|$) replace with This makes this text: , enable_embed_button: 'off' // -- enable the embed button , embed_code: '' // -- embed code , skinwave_dynamicwaves: 'off' // -- dynamic scale based on volume for no spectrum wave , soundcloud_apikey: '' // -- set the sound cloud
Open up Terminal In the command line, cd to/your/directory Finally, in the command line, type: find . -name '.DS_Store' -type f -delete
if you want to setup a global babelrc, create a file named .babelrc with these contents { "presets": [ [ "@babel/preset-env", { "useBuiltIns": "entry", "debug": true, "forceAllTransforms": true, "targets": { "chrome": "58", "esmodules": true, "ie": "11" } } ], "@babel/preset-react" ], "plugins": [ [ "@babel/plugin-transform-runtime", { "corejs": 3 } ] ] } customize to your
This has only been tested on mac but should run on LINUX and WINDOWS ( power shell ) as well. We will have to create a file in your folder called minify.command Declare array of files we will ignore ( already compressed files ) and we will transform declare -a exclude_array declare -a compress_array move
part 1 – here part 3 – Use Browserify Globally as Watcher in PhpStorm [ add import / export support ] npm i -g babelify@10.0.0 minifyify@7.3.5 you should have babelrc, if you do not have it, you can follow – here Use Browserify as Watcher in PhpStorm $FilePath$ -t [ /usr/local/lib/node_modules/babelify/index.js --presets [/usr/local/lib/node_modules/@babel/preset-env ] ]