phpStrom配置sass编译和JS压缩混淆

1 JS压缩混淆(YUI Compressor)

1.1 安装java文件（jre-8u201-windows-x64.exe）

1.2 YUI Compressor 下载

https://github.com/yui/yuicompressor/releases

1.3 Phpstrom配置：设置-工具-file watcher

配置YUI Compressor参数

Program参数：

D:\MyLocalSoftWare\compressTool\java\bin\javaw

Arguments参数：

-jar "D:\software\yuicompressor-2.4.8.jar"  $FileName$ -o $FileNameWithoutExtension$.min.js

Output path to refresh参数：

$FileNameWithoutExtension$.min.js

2 JS压缩混淆(uglify-js)

全局安装 uglify-js

npm install uglify-js -g

PHPStrom配置参数

Arguments参数：

$FileName$ --compress --mangle -o $FileNameWithoutExtension$.min.js
$FileName$ -o $FileNameWithoutExtension$.min.js(推荐)
参数：
compress 压缩
mangle 混淆

Output path to refresh参数：

$FileNameWithoutExtension$.min.js

编译SCSS为CSS

安装Ruby和Sass

https://www.sass.hk/install/

下载安装Ruby，一路next即可，ruby -v查看是否安装成功

安装sass gem install sass ，sass - 查看是否安装成功

PHPStrom配置参数

打开设置(ctrl+alt+s)：File--Settings--Tools--File Watchers

Program参数

D:\MyLocalSoftWare\Ruby26-x64\bin\sass.bat

Arguments参数

--no-cache --update --style compressed --sourcemap=none $FileName$:$FileNameWithoutExtension$.css

Output path to refresh参数

$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

编译scss编译为wxss

Program参数

D:\MyLocalSoftWare\Ruby26-x64\bin\sass.bat

Arguments参数

--no-cache --style compressed --sourcemap=none $FileName$:$FileNameWithoutExtension$.wxss

Output path to refresh参数

$FileNameWithoutExtension$.wxss:$FileNameWithoutExtension$.wxss.map