Webpack 的 CommonsChunkPlugin 插件,负责将多次被使用的 JS 模块打包在一起. CommonsChunkPlugin 能解决的问题 在使用插件前,考虑几个问题: 对哪些 chunk 进行提取,这决定了 chunks ,children 和 name 要怎么配置 common chunk 是否异步,这决定了 async 怎么配置 common chunk 的粒度,这决定了 minChunks 和 minSize 怎么配置 以下是官方给出的常用的场景: 提取两个及两个以上

写这篇文章的目的 一直以来,在项目中需要进行代码混淆时每次都要去翻文档,很麻烦.也没有像写代码那样记得那么多.既然要查来查去,就不如自己捋一捋这个知识点了,被人写的终究还是别人的.所以自己去翻看了很多文章和官方文档,总结下就把这篇文章写下来了.以后方便查找和修改,也加深这个知识的理解. 前言 Android 开发中,打包避免不了各种优化,开启混淆可以很好就是其中一种优化方式.为了使你打包的 apk 尽可能小,应该在打包 apk 的时候开启代码压缩功能移除没有被使用的代码和资源.但是这和混淆有什么

webpack打包js代码与提取公共js代码分析 webpack提取公共js代码示例 一.分析 webpack默认打包js代码时,是将从入口js模块开始,将入口js模块所依赖的js以及模块逐层依赖的模块,全部以入口js模块为主体全部打包至生成的对应js文件中.即使是多个js入口依赖链模块依赖了同一个模块也会被重复打包至不同的js文件中,这种打包方式会产生比较大的代码冗余. 通过上图可以看到,A模块会重复出现在bundle1.bundle2.bundle3中;B模块虽然只被M3依赖,但是由于M3同

方式一,传入字符串参数 new webpack.optimize.CommonsChunkPlugin(‘common.js’), // 默认会把所有入口节点的公共代码提取出来,生成一个common.js var HtmlWebpackPlugin = require('html-webpack-plugin'); var webpack = require('webpack'); var extractTextPlugin = require('extract-text-webpack-plu

1.项目结构 2.部分代码 module.js console.log('module.js'); index文件夹下的index.js require('../module.js'); console.log('首页-index文件'); login文件夹下的index.js require('../module.js'); console.log('登录页-index文件'); 3.webpack.config.js var htmlWebpackPlugin = require('html

一.安装grunt: npm install -g grunt-cli //安装 npm install grunt –save-dev //安装Grunt最新版本到项目目录中,并将其添加到devDependencies内 grunt –version //出现grunt -cli 和 grunt的版本号即安装成功 二.配置packge.json文件: [代码中去掉注释] module.exports = function(grunt) { // Project configuration. g

本文分两章节,分别讲解如何使用js2image这个库生成可以运行的圣诞树代码 和 js2image的原理. github地址:https://github.com/xinyu198736/js2image ps:求star 在线转换地址:http://f2e.souche.com/cheniu/js2image.html 效果的话,可以去看一下我们公司的官网(http://www.souche.com ),里面涉及到的js代码在今天大部分被临时替换成了圣诞树,打开每个js代码即可看到效果. 其实

一. ConnectionManager manager = Page.getConnectionManager(); Parser parser = new Parser(manager .openConnection("http://www.verycd.com/topics/2760827/")); parser.setEncoding("GBK"); //提取a标签里的img图片链接 //      NodeFilter filter = new AndFi

涉及到数据库拆分,需要将相关表的JOIN SQL剥离. 剥离过程中,发现了这么个SQL XML.整个SQL 974 行,分为6个函数.读起来费劲无比. <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-

Java图片压缩代码 package com.img; import java.awt.Image; import java.awt.image.BufferedImage; import java.io.File; import java.io.FileOutputStream; import java.io.IOException; import javax.imageio.ImageIO; import com.sun.image.codec.jpeg.JPEGCodec; import

微信小程序自推出以来,逐渐发展,目前正受到越来越多的青睐.其中很重要的一点得益于小程序的轻量级特性,每个小程序最多不超过2MB,招之即来挥之即去,相比于几十上百兆的APP,用户进入小程序,或者说,小程序获取新用户,的成本大大降低. 但与之相应的,是开发资源的限制.由于轻量级特性,小程序的代码包体积.可用内存空间.可用存储空间等均受限制.如何在有效支持业务逻辑的同时,尽量减少资源占用,在小程序开发环境中显得尤为重要.代码包体积是其中的一个重要方面,本文将就此进行分析与探讨. 背景 本文内容基于小程

前言 这篇文章本应该在去年17年写的,但因为种种原因没有写,其实主要是因为懒(捂脸).gulp出来的时间已经很早了,16年的时候还很流行,到17年就被webpack 碾压下去了,不过由于本人接触gulp的时候比较晚,16年的时候才听说有这么个玩意,正真用它是在17年的时候,但是虽然现在webpack已经大行其道,我们每个人都 在积极去拥抱它,不过gulp在现在来说也并不是一无是处,还是有用到的地方,所以,这篇文章我觉得还有有必要写的,就当做是为gulp写的最后一篇文章吧 ,做技术就是 这么辛苦,

CSS 格式化 ProCSSor - http://procssor.com/   CSS 压缩 CSS Compressor - http://www.cssdrive.com/index.php/main/csscompressor   HTML 格式化 Tabifier - http://tools.arantius.com/tabifier   HTML 压缩 在线代码格式化 - http://tool.oschina.net/codeformat/ Compress HTML - ht

第二个分享的是学校项目所接触到的新知识,代码压缩 + 代码打包 这次的项目用了require.js 这个插件做模块化管理的工具,所谓模块化就是在开发的过程中将功能划分成一个独立的模块,使代码可读性更强更容易维护,但是一个模块就是一个js 文件多个模块就会产生出多个js 文件,这对于日后项目上线是非常不利的,因为会对服务器发送多次请求拖慢页面加载速度,所以将多个模块打包以及压缩式很有必要的一件事情. 闲话不多说,首先要说的是 r.js 这个优化工具,下载可以在require.js 官网下载:htt

最近写东西提到这个算法,要看一下,结果网上都是直接根据代码解释,对于我这种菜鸟在刚开始看一个算法的时候真心不想直接看代码学.奈何都是各种语言的代码,么得办法.先走了一遍,有了大致的了解,翻译成自己的话,也不知道准不准确,欢迎懂的大佬给我批评指正. 附上官网:https://tartarus.org/martin/PorterStemmer/ 一.先把单词按下述规则整理成“CV”的格式 我们假设,"C"代表一连串辅音字母,“V”代表一连串元音字母.所以,是所有单词都可以用四种字母组合来表

1.android官方文档 https://developer.android.com/studio/build/shrink-code  主要内容如下: 1.1 压缩代码 混淆生成的文件:<module-name>/build/outputs/mapping/release/目录下  自定义要保留的代码,-keep与@keep 解码混淆,使用 <sdk-root>/tools/proguard/ 下的工具. 通过 Instant Run 启用代码压缩 1.2 压缩资源 shrin

1.先安装Node.js环境 Grunt和 Grunt 插件是通过 npm 安装并管理的,npm是 Node.js 的包管理器.Node.js的下载链接 安装完后进行验证 2.安装grunt及插件 通过npm install grunt命令行来安装grunt 安装完后文件夹里会多出node_modules文件夹和package-lock.json文件 npm install -g grunt-cli 他可以让你在项目的任意子目录中运行grunt . 压缩css文件要用到的grunt插件是 gru

环境: webpack4.6 + html-webpack-plugin 多页面多入口 经多次研究,稍微靠谱可用的配置 optimization: { splitChunks: { minSize: 30000, cacheGroups: { common: { chunks: "initial", minChunks:3, name: "common", enforce: true } } } }, 注意name这个属性,是提取出来的块的名称,不完美的是,还要在h

1.什么是grunt grunt的官方解释是:javascript世界的构建工具. 为何要构建工具? 一句话:自动化.对于需要反复重复的任务,例如压缩(minification).编译.单元测试.linting等,自动化工具可以减轻你的劳动,简化你的工作.当你在Gruntfile文件正确配置好了任务,任务运行器就会自动帮你或你的小组完成大部分无聊的工作. 2.如何开始grunt? 1.准备node环境 安装node(参考官方) 2.安装grunt : 我们需要安装CLI官方推荐在全局安装CLI(

@SET destFolder=.\bin@XCOPY /I /Y %SYSTEMDRIVE%\WINDOWS\assembly\GAC_MSIL\Microsoft.ReportViewer.ProcessingObjectModel\10.0.0.0__b03f5f7f11d50a3a\Microsoft.ReportViewer.ProcessingObjectModel.dll %destFolder%\@XCOPY /I /Y %SYSTEMDRIVE%\WINDOWS\assembl