安装依赖
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"
]
网友评论