精华内容
下载资源
问答
  • 前端代码压缩的方式
    千次阅读
    2018-10-29 23:11:21

    Html代码压缩

    1.使用在线网站进行压缩

    2.nodejs提供了html-minifier工具

    3.后端模板引擎渲染压缩

    Css代码压缩

    1.使用在线网站进行压缩

    2.使用html-minifier对html中的css进行压缩

    3.使用clean-css对css进行压缩

    Js压缩与混乱

    1.使用在线网站进行压缩

    2.使用html-minifier对html中的js进行压缩

    3.使用uglifyjs2对js进行压缩

    更多相关内容
  • js代码压缩

    2017-10-28 21:56:14
    使用fis3对代码进行压缩使用fis3对代码进行压缩使用fis3对代码进行压缩使用fis3对代码进行压缩
  • 推荐2款前端代码压缩工具minifier 推荐2款压缩css代码,js代码的工具 前端CSS,JS代码大量占用带宽,uglify,minify是前端必须的步骤
  • 微信小程序代码压缩器,支持全部的ES6语法及转换
  • 压缩感知的相关代码 (Compressed sensing codeCompressed sensing codeCompressed sensing codeCompressed sensing code)
  • HTML 代码 压缩工具

    2012-08-01 11:30:22
    用于将换行可读性强的HTML代码压缩为 精简的形式,同时也是一种无可读性的格式,便于网站 脚本的 复杂化,阻止别人的直接仿冒。
  • VUE 代码压缩优化

    千次阅读 2021-12-13 17:21:20
    1、设置productionSourceMap为false 如果不需要生产环境的 source map,可以将其设置为 ...2、代码压缩 安装uglifyjs-webpack-plugin插件,可以去除项目中console.log和debugger npm install uglifyjs-webpack-

    1、设置productionSourceMap为false

    如果不需要生产环境的 source map,可以将其设置为 false 以加速生产环境构建。

    设置为false打包时候不会出现.map文件

    module.exports = {
        productionSourceMap: false
    }

    2、代码压缩

    安装uglifyjs-webpack-plugin插件,可以去除项目中console.log和debugger
    
    npm install uglifyjs-webpack-plugin --save
    const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
    // 生产环境相关配置
    if (isProduction) {
        // 代码压缩
        config.plugins.push(
            new UglifyJsPlugin({
                uglifyOptions: {
                    //生产环境去除console等信息
                    compress: {
                        warnings: false, // 若打包错误,则注释这行
                        drop_debugger: true,//是否移除debugger
                        drop_console: true,
                        pure_funcs: ['console.log']//移除console
                    }
                },
                sourceMap: false,
                parallel: true
            })
        )
    }

    3、图片资源压缩

     安装 image-webpack-loader 插件,可以将大图片进行压缩从而缩小打包体积
    
    npm install image-webpack-loader --save
        chainWebpack: config => {
            // ============压缩图片 start============
            config.module
                .rule('images')
                .use('image-webpack-loader')
                .loader('image-webpack-loader')
                .options({ bypassOnDebug: true })
                .end()
            // ============压缩图片 end============
        }

     

    4、开启gzip压缩

    开启gzip压缩,可以优化http请求,提高加载速度
    
    npm install compression-webpack-plugin --save-dev
    const CompressionPlugin = require("compression-webpack-plugin");
    // 开启gzip压缩
    config.plugins.push(new CompressionPlugin({
        algorithm: 'gzip',
        test: new RegExp("\\.(" + ["js", "css"].join("|") + ")$"), // 匹配文件扩展名
        // threshold: 10240, // 对超过10k的数据进行压缩
        threshold: 5120, // 对超过5k的数据进行压缩
        minRatio: 0.8,
        cache: true, // 是否需要缓存
        deleteOriginalAssets:false  // true删除源文件(不建议);false不删除源文件
     }))

    展开全文
  • PHP实现的超强在线压缩压缩 脚本代码phpzip(亲测好用)
  • JS代码压缩

    千次阅读 2018-12-20 10:54:53
    JS代码压缩 目前项目开发大部分的jsp页面的大量js操作单独存放在自己的自定义js文件里面,但是随着js文件越来越大,导致页面的加载速度比较慢。怎么让我们自己的js像jQuery自己的文件一样。 1、插件下载 下载地址...

    JS代码压缩

    目前项目开发大部分的jsp页面的大量js操作单独存放在自己的自定义js文件里面,但是随着js文件越来越大,导致页面的加载速度比较慢。怎么让我们自己的js像jQuery自己的文件一样。

    1、插件下载
    下载地址:https://download.csdn.net/download/mazuyu408/10863624
    2、idea配置
    yuicompressor-2.4.2.rar文件并进行解压,进入idea的setting配置
    在这里插入图片描述
    name:可以进行自定义
    Arguments:见文件配置.txt文件,其中P:\tools\yuicompressor-2.4.2\build\yuicompressor-2.4.2.jar为当前yuicompressor-2.4.2.rar加压缩后指向的jar地址。
    working directory:为项目地址。
    配置完成后即可使用。
    3、使用
    压缩前js代码
    在这里插入图片描述
    右击要压缩的js代码,选择刚刚配置好的tools 在这里插入图片描述
    生成对应的压缩js文件test-min.js
    在这里插入图片描述
    这样的压缩对比较大的js有较为显著的提速效果,是将js文件简化成一行。并且将变量简化。

    展开全文
  • vue-cli 开启js代码压缩和代码分割

    千次阅读 2021-11-23 14:36:36
    config.optimization.minimize(true)// 开启压缩js代码(默认true) config.optimization.splitChunks({ // 开启代码分割 chunks: 'all' } } 启用gzip压缩(需要配置nginx,可以看出压缩后的文件大小明显变化) ...

    在vue.config.js中配置

    chainWebpack: config=>{
    	config.optimization.minimize(true)// 开启压缩js代码(默认true)
    	config.optimization.splitChunks({ // 开启代码分割
            chunks: 'all'
          }
    }
    

    启用gzip压缩(需要配置nginx,可以看出压缩后的文件大小明显变化)

    const CompressionWebpackPlugin = require('compression-webpack-plugin')
    chainWebpack(config) {
      // 生产模式下启用gzip压缩 需要配置nginx支持gzip
        if (process.env.NODE_ENV === 'production') {
          config.plugin('CompressionWebpackPlugin').use(CompressionWebpackPlugin, [
            {
              filename: '[path][base].gz',
              algorithm: 'gzip',
              test: new RegExp('\\.(js|css)$'),
              // 只处理大于xx字节 的文件,默认:0
              threshold: 10240,
              // 示例:一个1024b大小的文件,压缩后大小为768b,minRatio : 0.75
              minRatio: 0.8, // 默认: 0.8
              // 是否删除源文件,默认: false
              deleteOriginalAssets: false
            }
          ])
        }
    }
    

    nginx 配置nginx参考文档

    server {
            listen       80;
            server_name  localhost;
            gzip on;
    		gzip_static on;    
    		gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;
    		gzip_proxied  any;
    		gzip_vary on;
    		gzip_comp_level 6;
    		gzip_buffers 16 8k;
    }
    
    展开全文
  • 压缩工具 网站CSS代码js代码压缩 缩小CSS,js代码文件,加快网站速度
  • 生产环境代码压缩 虽说生产环境只要配置了 mode:"production" 就能实现 js 的代码压缩,但我们不仅要压缩 js 代码,还需要压缩 css html 文件 可以先打开 bin/css/app.css 文件,会发现,css 文件格式是未压缩的 ...
  • JS代码压缩混淆工具使用说明

    千次阅读 2017-04-27 11:11:26
    本文介绍的是常见的3种工具的使用说明情况  三种工具为:  1.Google Closure Compiler(本文简称GCC,下文同样)... Google出品的JS代码压缩/混淆工具。目前微信插件使用的就是GCC.  2.Yahoo Yui Compressor(本文简称Yu
  • 15个最好用的JavaScript代码压缩工具

    千次阅读 2019-04-10 17:12:31
    JavaScript 代码压缩是指去除源代码里的所有不必要的字符,而不改变其功能的过程。这些不必要的字符通常包括空格字符,换行字符,注释以及块分隔符等用来增加可读性的代码,但并不需要它来执行。 在这篇文章中,我们...
  • webpack之HTML、css和js代码压缩

    千次阅读 2019-06-10 15:10:09
    webpack之HTML、css和js代码压缩 js文件的压缩内置压缩 css文件的压缩 html文件压缩
  • java代码压缩文件

    千次阅读 2018-08-06 14:12:26
    1、文件压缩需要利用ZipOutputStream类对象,可将文件压缩为.zip文件。ZipOutputStream类的构造方法如下:ZipOutputStream(outputStream out); 2、ZipOutputStream类的常用方法如表所示。 方法 返回值 说明 ...
  • 小程序代码压缩之js压缩

    千次阅读 2018-09-20 15:43:18
    1.创建项目testDemo; 2.在testDemo中按住Ctrl,单击鼠标右键在此处...//压缩小程序js文件 gulp.task('jsmin', function() {  gulp.src(['src/*/*.js'])  .pipe(uglify())  .pipe(gulp.dest('dist/js')) });
  • 请教各位大神 将网页代码中的空行,换行删除,有没有什么作用.
  • 下一步图片打包压缩代码 const imagemin = require('gulp-imagemin') //压缩图片 cache = require('gulp-cache'); const del = require('del'); notify = require('gulp-notify'); 先安装 gulp-cache、del...
  • vuecli3代码压缩混淆

    千次阅读 2019-05-31 15:57:00
    最近被某大公司大佬虐了,要求混淆用vuecli3写的代码(啥敏感信息都没有,混淆个什么混淆...) 言归正传,现将混淆流程记录如下: 1、安装 “uglifyjs-webpack-plugin” cnpm i --save uglifyjs-webpack-...
  • closure-compiler、htmlcompressor、yuicompressor压缩js、css...把要压缩代码跟下载解压后的Tool文件夹同层,前端代码源码文件一键压缩工具(shell/bat);Windows执行Html5Shell.bat、Linux MacOX执行Html5Shell.sh
  • 代码压缩 代码压缩主要使用asar。压缩方法主要有两种, 先node.js全局安装asar模块,然后运行前面博文中配置的packager命令,然后将在生成的文件夹resouser目录下运行asar打包命令 第二种就比较简洁了,直接在...
  • webpack中的代码压缩&&混淆机制

    千次阅读 2019-10-03 03:18:37
    删除 Javascript 代码中所有注释、跳格符号、换行符号及无用的空格,缩短变量名称从而压缩 JS 文件大小。并且不同作用域的变量名是可以重复的,类似a,b,c可以反复出现。 混淆 经过编码将变量和函数原命名改为...
  • &...开发环境是不需要去压缩代码,主要是因为太耗性能了,每修改一个地方就要花几秒去等待页面渲染,说实话这非常浪费开发时间,解决办法就是配置不同的环境变量去在开发环境的时候不要这个U...
  • uglifyJsPlugin 用来缩小(压缩优化)js文件的,最近上了一个项目经理说我账号密码在页面注释了,布上去能审查到! 索性直接处理掉! 1、vue cli 3.0中,项目的 vue.config.js 2、vue 2.0项目的 build/...
  • PHP在线压缩代码PHP在线压缩代码PHP在线压缩代码PHP在线压缩代码
  • JS代码加密压缩工具

    2020-07-31 15:10:59
    使用方式 js压缩.exe 需要压缩的文件名,或者使用 批量.bat G:\js批量压缩\ 批量压缩某个文件夹中的文件。代码来自于https://github.com/javascript-obfuscator/javascript-obfuscator。我将其生成exe文件可以离线...
  • 网友:但凡我早点知道这几个库,我何必去下载加压缩软件呢?
  • webpack 代码压缩优化篇

    千次阅读 2017-10-24 17:45:22
    Webpack 默认提供的 UglifyJS 插件,由于采用单线程压缩,速度颇慢 ;推荐采用 webpack-parallel-uglify-plugin 插件,她可以并行运行 UglifyJS 插件,更加充分而合理的使用 CPU 资源,这可以大大减少的构建时间;...
  • 常用的代码压缩工具

    千次阅读 2017-06-09 13:32:07
    1.https://tool.lu/css/ 压缩Css比较方便 2. http://tool.oschina.net/jscompress?type=2 Html,Css,Js都可以压缩。 3.http://tool.chinaz.com/Tools/CssFormat.aspx 站长工具,这个就不介绍了,常用。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 730,357
精华内容 292,142
关键字:

代码压缩

友情链接: 17281022王誉杰.zip