首页 > 编程语言 >phpStrom配置sass编译和JS压缩混淆

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

时间:2023-10-10 11:35:58浏览次数:41  
标签:FileNameWithoutExtension sass -- FileName phpStrom JS 参数 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 sasssass - 查看是否安装成功

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

标签:FileNameWithoutExtension,sass,--,FileName,phpStrom,JS,参数,js
From: https://www.cnblogs.com/songxia/p/17754222.html

相关文章

  • 前端、Vue.js和SVG的一些知识
    前端、Vue.js和SVG的一些知识一、前端简介  1、什么是HTML(静态)(超文本标记语言HyperTextMarkupLanguage),HTML是用来描述网页的一种语言。  2、CSS(层叠样式表CascadingStyleSheets),样式定义如何显示HTML元素,语法为:selector{property:value}(选择符{属性:值}) ......
  • js1之基础知识
    1简介1.1计算机语言计算机语言指用于人与计算机之间通讯的语言,它是人与计算机之间传递信息的媒介。总的来说,可以分成机器语言,汇编语言和高级语言三大类。实际上计算机最终所执行的都是机器语言,它是由“0”和“1”组成的二进制数,二进制是计算机语言的基础。0=000000001=00......
  • Spring Boot 访问静态资源css/js
    一、前言我们用SpringBoot搭建Web应用时(如搭建一个博客),经常需要在Html中访问一些静态资源,比如:css样式;js脚本;favicon.ico图标等;而在SpringBoot中如果没有做任何配置,是无法直接访问静态资源的,通常会报404错误二、SpringBoot访问静态资源的默认目录Spring......
  • [899] Save a dictionary as a file (JSON)
    InPython,youcansaveadictionaryasafileusingvariousmethods,suchasJSON,Pickle,orCSV.Here,I'llshowyouhowtosaveadictionaryasaJSONfileandthenreadthatJSONfilebackintoadictionary.SavingaDictionaryasaJSONFile:Y......
  • js_使用js读取link外部样式
    <linkrel="stylesheet"href="https://at.alicdn.com/t/c/font_1826665_p96ije5uc2f.css"crossorigin>varlinkStyle=document.getElementsByTagName("link")[0];varsheet=linkStyle.sheet||linkStyle.styleSheet;letreg=......
  • JS实现红包分配(每个人至少1分钱)
    要实现红包分配,保证每个人至少分到1分钱,可以使用以下算法:将红包总金额以及要分配的人数作为输入参数。首先,生成一个(人数-1)范围内的随机数,表示第一个人分到的金额。确保至少会有一个人分到1分钱。然后,将剩余金额(总金额减去第一个人分到的金额)作为新的红包总金额。依次......
  • 启动vue项目报错——ERROR Error loading vue.config.js: ERROR TypeError: defineCon
    问题描述在我引入echarts模块之前是ok的,引入之后就启动失败了;问题解决一般情况下,都是该项目的版本与本机cmd里面的版本不对应导致的;只需要使用这个命令npmupgrade,更新版本,一直yes下去,就能够解决这个问题啦!......
  • JS数组去重的4种办法
    有多种方法可以对数组进行去重,下面介绍的是常见的四种办法:使用Set数据结构:Set是ES6引入的一种新的数据结构,它存储唯一的值,可以利用它的去重特性来对数组进行去重。constarray=[1,2,2,3,3,4,5];constuniqueArray=[...newSet(array)];console.log(uniqueArr......
  • Grafana导入 json 文件的 dashboard 错误 Templating Failed to upgrade legacy queri
    前言编辑或者修改后的dashboard保存为json文件,在其他环境导入使用,报错FailedtoupgradelegacyqueriesDatasourcexxxxxxxwasnotfound,无法显示监控数据问题原因为:从其他grafana导出的dashboardjson文件中,数据源是写的固定的,如果当前要显示的监控数据的数据源名称......
  • 2023-01-31python-json
    +++title="Json读写(Python)"description=""date=2023-01-31T15:34:37+08:00featured=falsecomment=truetoc=truereward=truecategories=[""]tags=[""]series=[]images=[]+++使用python读写json......