一、环境安装安装Node.jshttps://nodejs.org/en安装Cordovahttp://cordova.apache.org安装Java JDKhttp://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html安装Android SDKhttp://www.android-studio.org/安装Anthttp://ant.apache.org/bindownload.cgi1.Node.js安装安装完后打开控制台，输入node -v，显示当前版本号，安装成功2.Cordova安装cordova使用npm安装，输入npm install -g cordova进行全局安装，安装完后如果出现下面提示，使用npm install minimatch@"3.0.2"升级一下minimatch3.Java JDK安装现在的jdk版本都是自动写入环境变量的，直接安装完就ok了。控制台输入java -version出现版本信息，即安装成功。输入javac出现帮助信息，即为配置成功。如果没有自动配置成功，手动配置也蛮简单的。新建JAVA_HOME环境变量，变量值为jdk的存放路径系统变量Path里面加入jdk的bin目录%JAVA_HOME%/bin;注意分号系统变量CLASSPATH里面变量 ...继续阅读 (3)

有3种情境： 1.对css预处理器中variable文件的引用，下级目录对其进行引用要写许多../../。尝试在最顶层的css文件中引入，发现对下级的并无效果。(这里webpack用了ExtractTextPlugin，整合css文件，不知是否有影响) 2.对全局的静态资源引用，比如说在assert文件中存放了图片之类的资源，下级进行引用一样要写许多../../。查到可以用url-loader或是CopyWebpackPlugin,改变打包文件目录，但是如果用了url-loader生成dataurl这种用法，该如何使用？ 3.在一个文件夹里比如说common里放了一些多级目录都用到的公共组件，这个时候引用一样需要写许多../../。但是js文件打包出来就是一个bundle，个人看了下似乎可以用dll的方式，但是这样和发一个包有点类似，一旦更改重新打包比较不方便。是否有什么合适的方式？ ...继续阅读 (12)

之前发文章《字由：设计师下载字体利器 附软件内1045个字体下载包》，给大家推荐过字由这个小工具，如今它已经更新到1.004了，字体也增加到了1299个。尽管这版对sketch进行了支持，但是并不是很好，依然不能管理字体、不能安装字体，而且只能使用自带的汉仪和方正的字体，更重要的是，Aqua发现如果使用了这个APP，通过网关定位，很容易被锁定成猎物，方便对方监督字体版权征收使用费。毕竟这个汉仪和方正的都不是免费的，所有字体非商用。这要是被逮到，随随便便跟你要个几万都算少的，尤其装在公司电脑上。深入一想，真实有点流氓啊。以暴制暴，Aqua 把这1299个字体都打包了，一次下载终身不愁，放在本地使用才是王道，配合 RightFonts 使用妥妥的！当然你要是商用被逮到，我们也无可奈何。可商用的免费字体都在这里《免费可商用的中文字体小归纳》，如果需要，请自行下载。最后希望让大家更方便地设计自由设计，如果下载请不要擅自恶意传播或售卖，一旦发现立马拉黑。老规矩，加QQ群打赏给 Aqua 获取打包好的字体，1群（331622745）年后已满，如加不进去请加2群（536159510）。转载请注明：氧16网»1299个艺术字体一次性打包下载 ...继续阅读 (125)

作为App开发者，打包和发包是经常要进行的工作。鉴于国内的特殊情况，造就了不可胜举的应用市场。为了便于跟踪统计必要的数据信息，我们通常会针对每个市场都进行打包。这些包总的来说几乎是一致的，可能唯一的的差别就是渠道号信息不一样。moreFlipboard中国版本目前覆盖了大概10几个渠道，目前唯一不同的就是渠道号信息。最早的实现方式为1buildConfigField"String","CHANNEL_ID",null==versionProps['CHANNEL_ID']?/""/:'"'+versionProps['CHANNEL_ID']+'"'上述实现的缺点有无法在manifest中配置包含渠道号信息的meta数据会导致每次重新编译代码，以及后续的多次Proguard优化，相对很耗时。打包时间将近4分钟后来改进的方式为1resValue"string","channel_id",null==versionProps['CHANNEL_ID']?/""/:'"'+versionProps['CHANNEL_ID']+'"'新的实现解决了上面的两个问题可以在manifest中实现配置渠道号信息无需重新编译源码，也无需后续的proguard的代码优化。只更新resource资源即可。打包时间缩短到14秒左右。经过如此一个小改动，从此我们不再需要漫长的等待和浪费机器性能。 ...继续阅读 (20)

安装 android-toolsmkdir ~/android && cd ~/android wget https://dl.google.com/android/repository/tools_r25.2.3-linux.zip unzip tools_r25.2.3-linux.zip配置环境变量echo 'export ANDROID_HOME=~/android' >> ~/.bashrc echo 'export PATH=${ANDROID_HOME}/tools/bin:$PATH' >> ~/.bashrc source ~/.bashrc以编译https://github.com/drakeet/Ti...为例git clone https://github.com/drakeet/TimeMachine.git cd TimeMachine ./gradlew build漫长的等待后错误如下：FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring project ':timemachine'. > You have not accepted the license agreements of the following SDK c ...继续阅读 (19)

webpack打包分析与性能优化背景在去年年末参与的一个项目中，项目技术栈使用react+es6+ant-design+webpack+babel，生产环境全量构建将近三分钟，项目业务模块多达数百个，项目依赖数千个，并且该项目协同前后端开发人员较多，提高webpack 构建效率，成为了改善团队开发效率的关键之一。下面我将在项目中遇到的问题和技术方案沉淀出来与大家做个分享从项目自身出发我们的项目是将js分离，不同页面加载不同的js。然而分析webpack打包过程并针对性提出优化方案是一个比较繁琐的过程，首先我们需要知道webpack 打包的流程，从而找出时间消耗比较长的步骤，进而逐步进行优化。在优化前，我们需要找出性能瓶颈在哪，代码组织是否合理，优化相关配置，从而提升webpack构建速度。1.使用yarn而不是npm由于项目使用npm安装包，容易导致在多关联依赖关系中，很可能某个库在指定依赖时没有指定版本号，进而导致不同设备上拉到的package版本不一。yarn不管安装顺序如何，相同的依赖关系将以相同的方式安装在任何机器上。当关联依赖中包括对某个软件包的重复引用，在实际安装时将尽量避免重复的创建。yarn不仅可以缓存它安装过的包，而且安装速度快，使用yarn无疑可以很大程度改善工作流和工作效率2.删除没有使用的依赖很多时候，我们由于项目人员变动比较大，参与项目的人也比较多，在分析 ...继续阅读 (9)

使用 Vue 开发项目时，如果要使用其单文件组件特性，必然要使用 webpack 或者 browserify 进行打包，对于大型应用，为了提升加载速度，可以使用 webpack 的 code split 功能进行分割打包，生成较小的模块并按需加载，这在 Vue 文档及 vue-router 文档中均有介绍：Async Components、Lazy Loading。webpack 的 code split 可以使用 webpack 的 require.ensure 特殊语法或者使用 AMD 风格的 callback-require 语法，以 AMD 风格的 callback-require 语法为例——全局注册 Async Component：let myAsyncComponent = resolve => { require(['./my-async-component'], resolve) } Vue.component('async-webpack-example', myAsyncComponent)局部注册 Async Component，单文件组件中 script 块内容：let myAsyncComponent = resolve => { require(['./my-async-component'], resolve) } // Vue 扩展实例选 ...继续阅读 (11)

编者按：优设×汉仪字库搜罗了19个女性风格（可爱/优雅/温柔）的中文字体，这类字体的运用场景非常广泛，无论是电商/母亲节/妇女节等都是上佳的字体素材，已经全部打包，欢迎下载。百度云下载：https://pan.baidu.com/s/1bpvKVDl密码: 22bw往期中文字体免费打包下载：《中文字体来咯！12款怀旧风格的字体免费打包下载（个人非商用）》《中文字体第二弹！12款手写风格的字体免费打包下载（个人非商用）》《吸睛利器！20款适合作为标题的字体免费打包下载（个人非商用）》 ...继续阅读 (11)

不久前，国外媒体都开始盛传亚马逊即将开机器人超市的消息，雷锋网也针对这一消息进行了报道，报道中称亚马逊将会在超市中用机器人代替人类，虽然这条消息得到了亚马逊官方的辟谣，但是也侧面印证了人们对于机器人代替人类做一些体力劳动的愿景和认可。亚马逊虽然没有透露出做机器人超市的意思，但被称作是“食品界的亚马逊”的英国在线视频零售商Ocado可开始跃跃欲试了。雷锋网消息，近日，英国的在线超市Ocado宣布，公司计划在其一部分仓库中测试一个新的机械手——RBO Hand 2，该把这个机械手装载到机械臂上可用于生鲜类食品的抓取和包装。据了解，RBO Hand 2机械手采用了最新的技术，当它安装到机械臂上之后，就能成为一个完整的机器人。机器人的手臂和五指都足够灵巧，当它捡起一袋柑橘或香蕉，甚至在处理鸡蛋这种脆弱的食物时，都不会损坏到食物，能够保证和人手打包一样安全。这对于像Ocado这样的每天能够接到大量订单的大型在线超市来说，一方面能够提升打包效率，减少人工支出，另一方面，还能够减少由人为失误造成的失误损坏的损失。目前对于大型的电商来说，仓储的机械化管理已经不是一个新鲜的事情了，机械臂、起重机、传送带等等类似工厂的一整套传输系统已经成为了电商仓储管理的标配。那么为什么Ocado还要做这样一个机器人呢？Ocado公司的CTO Paul Clarke表示，传统的机械化管理系统在某些方面可以做得非常高效 ...继续阅读 (12)

webpack 在前端工程中随处可见，当前流行的 vue, react, weex 等解决方案都推崇 webpack 作为打包工具。前端工具云集的时代，这是你值得选择的工具之一。webpack的基本概念webpack 是一个前端打包工具，希望解决前端工程中静态资源发版前的打包问题。以 javascript 作为载体，引入前端项目依赖的模块，最终通过 webpack 打包成为浏览器支持的文件。webpack 官方示意图形象的表述了这一过程，在此借用：webpack不是为取代gulp之类的工具在前端社区看到有人讨论 webpack 是否会取代 gulp 之类的工具。 当使用过 gulp 和 webpack 之后，才能体会到这是一个不恰当的对比。使用过 grunt 或者 gulp 之类的工具的伙伴可以回忆一下我们的使用场景，我们将 sass 编译，图片压缩，js 压缩，hash文件名等工作编成不同的任务，最后顺序执行。webpack 的核心在于静态资源打包。gulp 的核心在于任务集成。两个工具，解决了前端工程中不同的问题。我们完全可以结合 gulp 和 webpack 使用。简述webpack的核心浏览器所支持的静态资源是有限的，webpack 旨在让项目中的静态资源都能得到支持。然而 webpack 只能识别 javascript，所有的文件(包含html,jpg,sass,etc. ...继续阅读 (9)

在平时的Android开发中，我们经常会遇到在不同网络环境（比如：开发环境、测试环境）之间的切换、一次打多个渠道包等需求，如何优雅的管理网络环境的配置？如何快速的打出多个渠道包？这是一个值得研究的问题。如果每一次在不同网络环境间切换，都需要更改代码，然而重新打包，那未免有点低效。下面是我的实践探索，看网上很多人都是根据buildType来切换网络环境，感觉有点不好，因为网络环境可能很多种，而buildType我们一般是2种，而且，不同网络环境的包最好能同时安装在手机上，以便我们调试。最好，我一看这个包的名称和图标，就能知道这是什么环境的包。一、概述1.多版本基于buildTypes（1）debug:调试版本,无混淆（2）release:发布版本,有混淆、压缩2.多环境基于productFlavors（1）develop:开发环境，开发和自测时使用（2）check:测试环境，克隆一份生产环境的配置，在这里测试通过后，再发布到生产环境。之所以没命名为test是因为在gradle编译时:ProductFlavor names cannot start with ‘test’（3）product:生产环境，正式提供服务的。3.多渠道基于Android新的应用签名方案APK Signature Scheme v2中的APK Signing Block区块我这里使用的是 ...继续阅读 (25)

使用webpack快一年了，现在1.X版本都过气了，但是感觉自己对它那复杂的配置还是很不熟悉，各种路径，各种loader，各种plugin，又是单页面又是多页面... 在vue-cli出来的时候，都不敢用他的webpack模板，主要就是因为webpack的配置文件看不懂，不敢自己根据需要做修改。现在沉下心来，一点一点的玩弄常用属性和插件，尽力能自如的进行配置。先拿配置中的entry开始。从最简单开始最简单的webpack.config.js文件：module.exports = { entry: './app.js', output: { path: './output', filename: 'output-file.js' } }这个足够简单，进行webpack之后，会在命令的执行目录下新建output目录（如果需要的话），并将打包app.js和它的依赖，生成output-file.js放在output目录中：如果不希望这里涉及到的路径和执行webpack命令时的具体路径相关，而是希望相对于配置文件的路径的话，就需要使用path模块：var path = require('path') module.exports = { entry: path.resolve(__dirname, './app.js'), ...继续阅读 (11)

编者按：过两天就是情人节了，今天提前放出一波免费可商用的优质资源，包括矢量素材/背景/图标等等，全都打包分类好，想要的赶紧收。「情人节素材大合集」中文字体丨10组情人节专属中文字体打包下载图案素材丨15组免费可商用的情人节图案资源打包下载矢量素材丨15组免费可商用的情人节矢量资源打包下载情人节专属电商教程：三步教你搞定情人节活动专题页设计及玩法！素材打包  百度云下载：http://pan.baidu.com/s/1gf2xYRT情人节矢量素材打包情人节专属图标打包情人节贺卡/背景源文件打包 ...继续阅读 (9)

1、装填背包并非将所有物品全扔入背包，而是要背的舒服，走的愉快。 （1）一个包打得好坏要看能不能放在地上包自己站起来，能做到这一点你便成功了一半。 （2）尽量利用包内空间。用一些柔软的东西填充内部不规则的小空间，例如衣物袜子。 （3）尽量减少携带坚硬的重量大的物体。有玻璃瓶的要换成塑料瓶，外面有包装得如纸盒铁盒都拆下来减少重量。 （4）尽量携带可以一物多用的物品。每次回来后想想什么东西这次一次也没 ...继续阅读 (19)

webpack2抢先预览版webpack2抢先预览版，简单方便的构建单页和多页用用。（启用tree-shaking新技术）地址：webpack2-Scaffolding这个启动包的针对单页应用和多页应用做了特殊处理，可以混合开发。所有都是可配置，富特性，基于webpack已经提供代码热加载，使用postCss(可添加替换sass,less)预处理css，代码分割等等更多。（下一步是：完善单元测试，代码覆盖率报告）如果大家有更好的想法及建议请提Issues。觉得不错的话，请Star一下本项目，这是对作者最大的支持。开始确认好你的环境配置，然后就可以开始以下步骤。$ git clone https://github.com/sayll/webpack2-Scaffolding.git $ cd webpack2-Scaffolding $ npm install # Install project dependencies $ npm start # Compile and launch如果一切顺利,就能正常打开端口:127.0.0.1:1000开发过程中，你用得最多的会是npm start，但是这里还有很多其它的处理：npm run <script>解释start第一次运行启用。生成DLL文件，服 ...继续阅读 (13)

公司创建自公元2015年，位于深圳南山区项目涉及o2o，移动支付，以及部分银行系统。如果你不甘心做一个平台的程序开发，你想要有的挑战在我们这里都有。我们公司现已飞速发展，寻找希望充满挑战的你！岗位职责 1、根据项目UI，编写前端应用 2、负责应用javascript和相关技术与后台进行交互通信。 3、负责前端项目的打包发布岗位要求能高效完成开发工作；能够构建高性能的Web前端应用程序；3 年以上开发工作经验，有责任感，有时间管理，进度规划能力；了解微信公众号体系，有 Web App 开发经验优先；熟悉 Linux/Unix CLI 环境，精通 Node.js，npm，Git 等语言／工具；了解 Node.js, Python, Ruby 等后端语言优先；熟悉常见前端框架／库，如：React（重要）, Vue，AngularJS，Bootstrap，jQuery 等；熟悉HTTP协议，熟练js，jquery，html5，css3，ajax，form validate等Web基本技术；熟悉前后端分离技术，能独立部署打包发布前端应用加分项： 开源账号 Github/Coding 以往作品 技术博客薪资：15k-25k，只要你能力够，上不封顶有意者可以走内推直接来公司面试，简历发送到：yijo1001@gmail.com ...继续阅读 (5)

整个Web页面是基于ReactJS的，js打包用的webpack，现在想在Web页面端实现一种插件机制，可以动态载入第三方写的js插件。这个插件有一个约定的入口，插件被载入后调用该入口函数，插件内部实现渲染逻辑。插件的实现也使用了ReactJS，当然理论上也可以不使用。预期的交互关系是这样的：12345678910// 主页面load('/plugin/my-plugin.js', function (plugin) {plugin.init($('#plugin-main'), args)})// 基于ReactJS的插件function init($elem, args) {ReactDOM.render((<Index />), $elem)}export {init}在主页面上支持这种插件机制，有点类似一个应用市场，主页面作为应用平台，插件就是应用，用户可以在主页面上选用各种插件。问题目前主页面里ReactJS被webpack打包进了bundle.js，如果插件也把ReactjS打包进去，最终在载入插件后，浏览器环境中就会初始化两次ReactJS。而ReactJS是不能被初始化多次的。此外，为了插件编写方便，我把一些可重用的组件打包成一个单独的库，让主页面和插件都去依赖。这个库自然也不能把ReactJS打包进来。何况还有很多三方库，例如underscore、Re ...继续阅读 (19)

IAIS 2016中国光谷人工智能于11月26日完美落幕，在这场为期两天的盛会上，我们总共邀请到了35位嘉宾来做分享，他们或温文尔雅，或妙语连珠，或旁征博引，每一位都让人印象深刻。来到现场的观众无人不被他们的气场所吸引，同时也深深叹服他们知识的渊博。没来到现场的观众是不是要失望了呢？不要担心，小编这就送上IAIS 2106嘉宾演讲的精彩集锦，让我们一起来见证这些业界大咖的魅力时刻。主会场所有演讲嘉宾视频请戳http://pan.baidu.com/s/1hsly1LE   ...继续阅读 (13)

前端项目构建过程中，为了提高构建效率，用上cache，往往会将第三方库和自己的业务逻辑代码分开打包，在Webpack里有两个插件可以完成这项任务，CommonsChunk和DLL & DllReferenceCommonsChunk可以将相同的模块提取出来单独打包，进而减小 rebuild 时的性能消耗，但是每次构建时都需要执行一次，显然很浪费时间DLL & DllReference相比于前者，通过前置这些依赖包的构建，来提高真正的 build 和 rebuild 的构建效率。也就是说只要第三方库没有变化，之后的每次build都只需要去打包自己的业务代码。这个思路应该来源于Windows的动态链接库 (DLL)如何使用DLL & DllReference在这里不再敖述，网上资料还是比较多的，可以参考https://segmentfault.com/a/11...出现的问题使用DLL & DllReference后，第三方库的确前置构建了，但是如何让打包出来的bundle文件在index.html中引用呢？如果output.fileName写死名字，在index.html中也写死，就没有了强缓存，如果ouput.fileName=[name].[hash].js，就得找到一个往html里添加js的办法assets-webpack-pluginWhen ...继续阅读 (12)

如果利用 webpack 将项目中的所有代码打包在一起，很多时候是不适用的，因为代码中有些东西我们总是希望将其拆分出来。比如：样式表，希望利用 link 标签引入使用概率较低的模块，希望后期需要的时候异步加载框架代码，希望能利用浏览器缓存下部分不易变动的代码下面是我在阅读 webpack 的官方文档时候，记录的一些笔记，部分地方使用了自己的话来讲，力图让它显得更易懂。按需加载拆分webpack 可以帮助我们将代码分成不同的逻辑块，在需要的时候加载这些代码。使用require.ensure()来拆分代码require.ensure()是一种使用 CommonJS 的形式来异步加载模块的策略。在代码中通过require.ensure([<fileurl>])引用模块，其使用方法如下：require.ensure(dependencies: String[], callback: function(require), chunkName: String)第一个参数指定依赖的模块，第二个参数是一个函数，在这个函数里面你可以使用 require 来加载其他的模块，webpack 会收集 ensure 中的依赖，将其打包在一个单独的文件中，在后续用到的时候使用 jsonp 异步地加载进去。require.ensure(['./a'], function(require){ ...继续阅读 (31)

注意，本文内容基于python 2。python 3的处理方式可能有所不同，有需要的读者可以自己了解一下。wheel 包的命名规定wheel 包的命名格式为{distribution}-{version}(-{build tag})?-{python tag}-{abi tag}-{platform tag}.whl。其中各个 tag 的意义和取值在 PEP425 中有规定：https://www.python.org/dev/pe...python tag 标记了具体的 python 实现。其中：py 无实现特定的拓展cp CPython，也就是通常使用的 Python 实现ip IronPython，跑在 Windows CLI 平台上的 Python 实现pp PyPy，带 JIT 的 Python 实现jy Jython，跑在 JVM 上的 Python 实现举个例子，如果 wheel 包里面包含了 C 拓展，那么打包出来的 python tag 就是 cpxx，其中 xx 是具体的版本号，如 cp27.platform tag 也好理解，就是系统 _ 架构。比如linux_x86_64。最陌生的恐怕是之间的 abi tag，这正是本文讨论的主题。abi 这东西，看不见摸不着。系统上的东西嘛，敲下个命令就知道是什么操作系统；架构虽然玄乎点，不过也就是那么几种；然而有多少人知 ...继续阅读 (26)

通过这个教程学习如何使用JavaScript打包工具Rollup配合PostCSS来取代Grunt或Gulp处理样式文件。上一篇文章中，我们完成了使用Rollup打包前端JavaScript入门。这篇文章包含Part II和Part III。Part II会继续在上次的项目中进行，为Rollup添加处理样式的能力，使用PostCSS进行一些转换，让我们能使用更简单的变量写法和嵌套规则等语法糖。然后完成Part III，圆满结束。第三部分将为项目添加文件监听和LiveReload，这样每当文件变化时就不用再手动地打包bundle文件了。准备工作我们会在上周的项目基础上继续进行，因此如果你还没有看上一节，推荐你先看一下。NOTE: 如果你没有项目的副本，你可以通过这条命令克隆在Part I结束这个状态下的项目：git clone -b part-2-starter --single-branch https://github.com/jlengstorf/learn-rollup.gitPart II：如何在下一代应用中使用Rollup.js： PostCSS你可以轻松地处理CSS并注入到文档的head中，这取决于你的项目如何配置，也是Rollup另一个优点。另外，所有的构建过程都在一个地方，降低了开发流程的复杂度 - 这对我们很有帮助，尤其是在团队协作时。不过糟糕的是，我们使得样式依 ...继续阅读 (13)

教程：如何使用Rollup打包JavaScript通过这个系列教程一步一步学习如何使用更小更快的Rollup取代webpack和Browserify打包JavaScript文件。这周，我们要使用Rollup构建我们的第一个项目，Rollup是一个打包JavaScript(和样式，不过下周才会做)的构建工具。通过这个教程，我们的Rollup将能够：合并scripts代码，删除多余代码，编译成对旧浏览器友好的代码，支持在浏览器中使用Node模块，能使用环境变量，尽可能的压缩，减少文件大小。准备工作至少懂一点JavaScript的话将会更好理解。对ES2015 modules有基本了解，不过不了解也无妨。在你的设备上要有npm。(还没有？在这下载Node.js)Rollup是什么？用他们自己的话说：Rollup是下一代JavaScript模块打包工具。开发者可以在你的应用或库中使用ES2015模块，然后高效地将它们打包成一个单一文件用于浏览器和Node.js使用。和Browserify和webpack很像。你也可以称Rollup是一个构建工具，可以和像Grunt和Gulp等一起配置使用。但是，需要注意的一点是当你使用Grunt和Gulp来处理像打包JavaScript这样的任务时，这些工具的底层还是使用了像Rollup，Browserify或webpack这些东西。为什么应该关注Roll ...继续阅读 (11)

《使用Git Hooks》最近的工作就是，写文档！用markdown来写，然后要遵循一定的格式。之前都是我写好我负责的一部分，然后打包发送给项目负责人，因为... ...继续阅读 (36)

本文首发于Array_Huang的技术博客——实用至上，非经作者同意，请勿转载。原文地址：https://segmentfault.com/a/1190000006871991如果您对本系列文章感兴趣，欢迎关注订阅这里：https://segmentfault.com/blog/array_huang前言与单页应用相比，多页应用存在多个入口（每个页面即一个入口），每一个入口（页面）都意味着一套完整的js代码（包括业务逻辑和加载的第三方库/框架等）。在上一篇文章（webpack多页应用架构系列（二）：webpack配置常用部分有哪些？）中，我介绍了如何配置多页应用的入口(entry)，然而，如果仅仅如此操作，带来的后果就是，打包生成出来的每一个入口文件都会完整包含所有代码。你也许会说："咱们以前写页面不也是每个页面都会加载所有的代码吗？浏览器会缓存，没事的啦"。其实问题在于，以前写代码都是单个单个js来加载的，一个页面加载下来的确所有页面都能共享到缓存；而到了webpack这场景，由于对于每一个页面来说，所有的js代码都打包成唯一一个js文件了，而浏览器是无法分辨出该文件内的公共代码并加以缓存的，所以，浏览器就没办法实现公共代码在页面间的缓存了（当前页面的缓存还是OK的，也就是说刷新不需要重新加载）。想智能判断并打包公共代码？CommonsChunkPlugin能帮到你Commons ...继续阅读 (42)

Elixir 部署系列Erlang/Elixir: 用Distillery替换Exam打包器Erlang/Elixir: Edeliver 持续部署 ChecklistErlang/Elixir: 使用 Edeliver 进行持续部署简要Distillery是一个新的在未来用于替换Exrm的Elixir应用程序发布工具. 它有比Exrm更快的构建速度, 完全用Elixir开发, 更灵活的配置, 目标是成为MIX本身的一部分, 作为Elixir的标准工具.Distillery还提供了一个插件机制来管理整个部署过程中的各个阶段从Exrm切换到Distillery需要执行如下步骤:删除mix.exs文件中的:exrm依赖添加:distillery依赖到mix.exsdefp deps do [ ... {:distillery, ">= 0.9.0", warn_missing: false}, {:edeliver, ">= 1.4.0"}, ] end确保 Edeliver 版本>= 1.4.0运行mix do deps.clean --unlock --unused, deps.get, deps.compile运行mix release.init创建 Distillery 的配置文件按照Distillery 文档编辑rel/config. ...继续阅读 (51)

webpack 是什么一项技术、一个工具的出现，肯定是为了解决问题的。那么，webpack 是为什么解决什么问题？答案是：文件依赖管理。我们在浏览器中的 js 中，不能直接引用其它 js, css 等文件（或说，模块）。而 webpack 就是用来解决这个问题的，让你的项目可以很好地分文件、分模块，而且它对外部文件的引入同时支持 cmd, amd 和 commondJs 这三种形式，够有诚意。或许你要说了，解决文件依赖，早在 require.js 和 sea.js 的时候，都已经解决了呀！那么，webpack 在这方面，有哪些新的突破：支持依赖各种拓展名的文件能够在不依赖 gulp 或 grunt 的情况下直接产出打包文件支持实时编译，浏览器同步刷新这个时候，是不是很想唱一下王力宏的《唯一》：确定你就是我的唯一！OK，进入正题。安装与运行目前，我们的项目目录结构是这样的：webpack_demo |--src | |--pages | | |--index | | | |--index.js |--views_dev | |--index.html |--webpack.config.js |--package.json安装在项目的根目录执行：$ npm init // 生成项目依赖文件配置 package.json $ npm install webpack -g ...继续阅读 (29)

【摘要】有不少朋友问到C#Winform程序怎么样配置升级，怎么样打包，怎么样发布的，在这里我解释一下打包和发布关于打包的大家可以看我的文章C# winform程序怎么打包成安装项目(图解)其实打包是打包，发布是发布两者是没有任何关系的，只是有些同志会分不清楚。混在一起了。下在面大家就和我一起来做一个发布并阅读全文 ...继续阅读 (95)

一、概述：摩诃草组织（APT-C-09），又称HangOver、VICEROY TIGER、The Dropping Elephant、Patchwork，是一个来自于南亚地区的境外APT组织，该组织已持续活跃了7年。摩诃草组织最早由Norman安全公司于2013年曝光，随后又有其他安全厂商持续追踪并披露该组织的最新活动，但该组织并未由于相关攻击行动曝光而停止对相关目标的攻击，相反从2015年开始更加活跃。摩诃草组织主要针对中国、巴基斯坦等亚洲地区国家进行网络间谍活动，其中以窃取敏感信息为主。相关攻击活动最早可以追溯到2009年11月，至今还非常活跃。在针对中国地区的攻击中，该组织主要针对政府机构、科研教育领域进行攻击，其中以科研教育领域为主。从2009年至今，该组织针对不同国家和领域至少发动了3波攻击行动和1次疑似攻击行动。整个攻击过程使用了大量系统漏洞，其中至少包括一次0day漏洞攻击；该组织所采用的恶意代码非常繁杂。载荷投递的方式相对传统，主要是以鱼叉邮件进行恶意代码的传播，另外部分行动会采用少量水坑方式进行攻击；值得关注的是，在最近一次攻击行动中，出现了基于即时通讯工具和社交网络的恶意代码投递方式，进一步还会使用钓鱼网站进行社会工程学攻击。在攻击目标的选择上，该组织主要针对Windows系统进行攻击，同时我们也发现了存在针对Mac OS X系统的攻击，从2015年开始，甚至 ...继续阅读 (209)

你是否还在用:electron-winstallerelectron-packager每次打包都是各种命令来一遍 或者你想使用inno-setup而不得不在’linux/osx’上编译出exe再切换到虚拟机上用inno-setup重新打包一遍 或者你在用electron自带的electron.autoUpdater 而不得不忍受着它非常繁琐的发包方式为了解决以上问题，为了能够仅仅一个命令就能直接将你的源码 生成 一个inno-setup 方式的安装包** electron-windows-inno-installer ** 诞生了 地址: (https://github.com/Qquanwei/electron-windows-inno-installer)有了它，你在生成installer.exe的时候仅仅需要执行一条命令electron-windows-inno-installer mysetup.iss --icon ./favicon.ico --platform win32-x64electron-windows-inno-installer 将极大方便用户的 打包，更新，发包 而且无需考虑中间环节，其使用的electron版本目前也在保持与electron最新版尽量同步更新。(为了能够让它更好用，欢迎push :https://github.com/Qquanwei ...继续阅读 (106)