deepin webstorm add external tools

• prefixer
• uglify

---

• prefixer

安装依赖

yarn global add autoprefixer
yarn global add postcss-cli

设置webstorm

File -> Settings -> Tools -> External Tools
点击 + 添加工具
Tools Settings里各选项
name ：

prefixer

program ：

/home/xingkongs/.yarn/bin/postcss
//yarn 安装 在主目录找到 .yarn 

Arguments ：

-u autoprefixer -o $FileDir$/$FileName$  $FileDir$/$FileName$ 

working directory ：

$ProjectFileDir$

完成操作后，右键点击 任意css 文件
External Tools -> prefixer

当然最后prefixer 需要配置一下

//package.json
  "browserslist": [
   "> 1%",
    "last 2 versions",
    "not ie <= 8",
    "ios >= 8",
    "android >= 4.0"
  ]

• uglify

安装依赖

yarn global add  uglify-js

设置webstorm
File -> Settings -> Tools -> External Tools
点击 + 添加工具
Tools Settings里各选项
name ：

uglify

program ：

/usr/local/bin/uglifyjs

Arguments ：

-u autoprefixer -o $FileDir$/$FileName$  $FileDir$/$FileName$ 

working directory ：

$ProjectFileDir$

完成操作后，右键点击 任意js文件
External Tools -> uglify