Webpack
文章平均质量分 83
刻刻帝丶
这个作者很懒,什么都没留下…
展开
-
前端自动化构建工具Webpack1.x开发模式使用指南
WebpackWebpack是时下最流行的模块打包器 它的主要任务就是将各种格式的JavaScript代码,甚至是静态文件 进行分析、压缩、合并、打包,最后生成浏览器支持的代码 特点:代码拆分方案:webpack可以将应用代码拆分成多个块,每个块包含一个或多个模块,块可以按需异步加载,极大提升大规模单页应用的初始加载速度智能的静态分析:webpack的智能解析器几乎可以处理任何第三方库原创 2017-01-18 20:01:49 · 8569 阅读 · 6 评论 -
CSS预处理语言Less常用语法
Less是一种动态样式语言,属于css预处理语言的一种 它使用类似CSS的语法为CSS的赋予了动态的特性 如变量,继承,运算,函数等,更方便css的编写和维护实现css模块化less 可以在多种语言,环境中使用,包括浏览器端、桌面客户端、服务端 其实它非常简单 要想使用less我们需要下载它 我选择利用npm包管理器下载 npm install less less-loader修改配置文原创 2017-01-19 16:27:09 · 2925 阅读 · 1 评论 -
Webpack中文社区正式成立-多位前端大牛参与解答开发难题
第一次转载文章 因为确实是个好消息,我觉得有必要推广一下╰( ̄▽ ̄)╭ 自己加了点东西2017年1月18日,webpack 2.2正式版本发布!webpack2新文档传送门 同一天,webpack中文社区正式成立,创建者希望通过培育社区,促进webpack以及前端工程化的发展。webpack中文社区已邀请到包括腾讯AlloyTeam leehey、搜狐视频leo、淘宝FED上坡、w3ctech转载 2017-02-01 00:48:18 · 5792 阅读 · 0 评论 -
一个比NPM更快更安全可靠的JavaScript包管理工具——Yarn
上一篇简单介绍了NPM包管理工具 在这篇文章中 我想给大家介绍一个取代使用NPM的包管理工具——Yarn 以及它与NPM之间的差异简介这个就是yarn的logo,应该是一只猫 Yarn的官网:传送门 来到官网,映入眼帘的就是这么几个大字(大单词~)富强,民主,文明,和谐…… 那是不可能的~ 这行英语的意思是: 极速、可靠、安全的依赖关系管理Yarn是Facebook、Google、Ex原创 2017-02-09 22:36:17 · 3565 阅读 · 5 评论 -
CommonJS包规范与NodeJS的包管理工具NPM
上一篇文章已经介绍了CommonJS 这里就不赘述了CommonJS包规范包是什么呢? 类比于git,是我们对于某种文件夹的叫法 git init 命令在当前文件夹中生成了隐藏文件.git,我们就把这个文件叫做仓库 npm init 命令在当前文件夹中生成了配置文件package.json,我们就把这个文件叫做包CommonJS包规范包括包结构和包描述文件包结构如果严格按照规范来说 包目录原创 2017-02-09 17:09:19 · 2934 阅读 · 0 评论 -
CommonJS模块规范与NodeJS的模块系统底层原理
但在了解NodeJS模块之前 首先来科普一下什么是CommonJSCommonJS规范它为JavaScript制定一套规范——希望JavaScript能在任何地方运行 使其具备开发大型应用的能力出发点便是为了弥补当时JavaScript语言自身的缺点:无模块系统 现在ES6弥补了这个缺点没有包管理胸痛 导致js应用没有自加载和安装依赖能力无标准接口 没有定义过像Web服务器一类的标准原创 2017-02-09 14:33:14 · 3833 阅读 · 0 评论