deepin webstorm add external tools

yarn global add autoprefixer
yarn global add postcss-cli postcss

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"
  ]

import fs from 'fs-extra'
       ^^
SyntaxError: Unexpected identifier
// 没找到答案

更换方案：使用yarn 安装依赖用命令行执行

yarn add postcss-cli  postcss autoprefixer  -D
npx postcss *.css --use autoprefixer --replace

安装依赖

yarn global add  uglify-js

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

uglify

program ：

/home/xingkongs/.yarn/bin/uglifyjs

Arguments ：

$FileDir$/$FileName$ -o  $FileDir$/$FileName$

working directory ：

$ProjectFileDir$

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

最后编辑于：2022.05.07 16:52:11

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

prefixer