IDEA 中前端优化 (ES6 to ES5 js 压缩混淆 css 预编译 css 压缩) :::
ES6 to ES5,js 压缩混淆是基于 node 环境进行,在进行操作前需先安装 node 环境。这里不做详细介绍。
对没有 node 环境的项目进行初始化:
npm init
有 node 环境的项目直接安装:
npm install
在 IDEA 中安装 File Watchers 插件
ES6 to ES5
安装 Babel7
npm install @babel/core
npm install @babel/preset-env
npm install @babel/cli
设置语言为 ES6
在 File Watchers 中设置 Babel
配置参数
第二个参数好像没啥用还需要测试一下
mac
--out-file $FileDir$/$FileNameWithoutExtension$.js --presets @babel/env $FilePath$
$FileNameWithoutExtension$.js:$FileNameWithoutExtension$.js.map
win
--out-file $FileDir$$FileNameWithoutExtension$.js --presets @babel/env $FilePath$
$FileDirRelativeToProjectRoot$$FileNameWithoutExtension$.js:dist$FileDirRelativeToProjectRoot$$FileNameWithoutExtension$.js.map
js 压缩混淆
npm install uglify-js -g
$FileName$ -o $FileNameWithoutExtension$.min.js -c -m
$FileNameWithoutExtension$.min.js
css 预编译
npm install --global stylus