我要反馈问题

加入众成翻译官方交流群(群号:362419683)

关注《奇舞周刊》微信号
阅读更多精选前端技术文章

友情链接

猿说:互动氛围更好的IT交流学习平台

互动氛围更好的IT交流学习平台

立即访问
声享:制作精彩的有声幻灯片

使用声享在线PPT快速制作分享优质内容

立即体验

京ICP备17024260号

myvin

JavaScript 包管理的前世今生

658阅读 · myvin 2017-07-30翻译  
JavaScript NPM Yarn Webpack Node.js HTML CSS

和 Yarn 相比,npm 在缓存、集成度和扩展性方面表现如何呢?我们将在这篇文章中一辨分晓。 使用许可 如果将一个 JavaScript 开发者在 2005 年冰冻起来,然后在 2017 年的现在以某种神奇的方式将其解冻,那么 JavaScript 包的爆炸式繁荣...

为之漫笔

Webpack上手

364阅读 · 为之漫笔 2017-07-19翻译  
NPM Webpack

Webpack用于编译JavaScript模块。安装以后,可以通过CLI或API使用它。如果你对webpack还有点陌生,可以先看看它的核心概念以及一些比较,了解为什么要使用它。 基本的设置 首先,要创建一个目录,使用npm初始化,然后本地安装webpack: mkd...

明非

如何为 Vue 项目写单元测试

628阅读 · 明非 2017-07-17翻译  
Vue.js ECMAScript 6 Webpack

众所周知,Vue.js 是一个非常牛逼的 JavaScript 框架,对于创建复杂功能的前端项目是非常有用的。不管是什么项目,检查应用是否正常工作,运行是否为预期,是尤为重要的。然而,为了保证业务正常运行,我们的项目,每做一次更新,都要对所有功能做一次回归测试,随着项...

Tom

Webpack vs Gulp

373阅读 · Tom 2017-07-07翻译  
JavaScript Webpack Gulp 模块 打包

随着Webpack的流行,越来越多的人开始用它与Gulp进行比较。 开发者可以看到很激烈的讨论,蜂拥在Web开发网站的评论部分,来讨论哪一个更好。本文将解释Webpack是什么,它与Gulp的不同之处,什么是最重要的,我们应该使用哪一个。 介绍 人类前端演变。来源...

大路小兵

如何搭建 Webpack + Babel+ D3 的开发环境?

473阅读 · 大路小兵 2017-07-03翻译  
babel Webpack D3

开始之前,请确保已经安装 node(node>6) 和 npm。后面所有的操作命令都是 Mac 系统的,根据你的系统使用对应命令。 本教程的 Git 仓库地址可以在这里找到。 有一天,我在构建一个 D3.js 项目时,遇到了一个经典的开发难题:如果我想构建一个不使用...

踏歌

SurviveJS - 简介

660阅读 · 踏歌 2016-12-05翻译  
Webpack JavaScript CSS

Introduction James Jordan (CC BY-ND) Search 搜索 Table of Contents 目录 Introduction 简介 Webpack Compared 与webpack对比 用webpack开发 入门教程...

骄阳

Next.Js是JavaScript中的下一件大事吗?

1966阅读 · 骄阳 2016-11-21翻译  
JavaScript React Webpack

我们知道已经有太多JS框架存在了。但是,每天还是可以看到新的JS框架出现。 紧随 create-react-app,Next.js是新的、值得关注的JS框架。 它有很酷的功能,包括: 基于路由的文件系统 代码拆分 服务器端渲染 零配置. 设置 轻松布署...

cherryvenus

task runner提高项目效率

826阅读 · cherryvenus 2016-11-11翻译  
Webpack JavaScript CSS

task runner提高项目效率 任务运行器是英雄(或者恶棍,基于你的观点它是个啥),在大多数网站和手机应用的后台默默地运行。通过类似于合并文件,加速开发服务器和编译代码此类的大量的开发任务,任务运行器体现它的价值。在这篇文章中,我们会涵盖 Grunt, Gulp,...

善意的闲人

继 JavaScript 模块入门,再详解“模块打包”

2378阅读 · 善意的闲人 2016-11-06翻译  
ES6 Webpack HTTP

继 JavaScript 模块入门,再详解“模块打包” http://alpha.wallhaven.cc/wallpaper/33246 在这篇文章的第一部分,我谈到了什么是模块,开发者为什么使用它们,以及,在你的程序中实现模块的不同方式。 在这第二部分,将会回答...

网络埋伏纪事

JavaScript 模块简史

2296阅读 · 网络埋伏纪事 2016-10-28翻译  
JavaScript ES6 Webpack

砖模块和依赖 你是否是 JavaScript 新手,搞不清楚模块、模块加载器和模块打包器?或者你已经写了 JavaScript 一段时间,但是没法掌握模块的一些行话?你是否听过像 CommonJS、AMD、Browserify、SystemJS、Webpack、JS...

echodis

你可能不知道的PostCSS

737阅读 · echodis 2016-10-27翻译  
PostCSS CSS Webpack

最近我尝试在几个不同的工作流中使用PostCSS——Meteor工作流, 简单的React以及Webpack工作流。由于所有人都如此兴奋地去使用它,我意识到我该试试并且它没有让我失望。你将看到我在了解PostCSS之前对它的一些看法,因此这可以说是一篇给那些还没有使用...

十年踪迹

前端是 🤘 而 JavaScript 是 👑

1220阅读 · 十年踪迹 2016-10-19翻译  
JavaScript Front-end Webpack

前端将要统治世界,让 JavaScript 君临天下,而码农们则在争论着我们的技术究竟变得有多复杂。 现代前端技术饱受争议,但是我们只顾争吵,似乎忘记了我们所得到的回报。我们,web 王国的劳动人民、web 设计师、前 Wordpress 工程师和吟唱代码的诗人,将要...

yanni4night

Webpack 的静态资源持久缓存

2595阅读 · yanni4night 2016-09-05翻译  
Webpack HTML JavaScript

Webpack 是一个将你的所有 JavaScript、CSS 甚至图片这样的静态资源打包的好方法,但是为了在生产环境中更有效地使用生成的资源,应该考虑使用持久缓存。关于本话题的文献分散在不同的资源中,想搞对没那么容易。本文的目的是指导前端开发者完成所有的功能建设。...

twolun

使用ES6的Imports语法,使React Router能够自动进行代码分割

1962阅读 · twolun 2016-09-02翻译  
React Webpack ES6

使用ES6的Imports语法,使React Router能够自动进行代码分割 对一个单页应用来说,有选择的加载应用程序的某一部分,是改进应用初始化时间的一个最基本的技术。它的目的是确定渲染视图所依赖的代码的加载顺序,同时要延迟其它资源的加载。下面即将看到我们是怎样使...

郑 farmer

JavaScript 中的并行处理

1120阅读 · 郑 farmer 2016-08-20翻译  
Web Webpack React

#JavaScript 中的并行处理 导语 这里查看原文 一直以来,JavaScript 都并没有多线程的能力,而单线程在让开发者方便的同时,也使它一直不能处理计算量复杂的场景,唯一方法就是让服务端去做。幸运的是,随着 Web Worker 的普及,我们终于可以在...

yanni4night

利用 Rollup 和 ECMAScript 2015 Modules 实现打包和 Tree-Shaking

846阅读 · yanni4night 2016-08-11翻译  
Webpack JavaScript

利用 Rollup 和 ECMAScript 2015 Modules 实现打包和 Tree-Shaking 2016年6月12日 #ecmascript2015 #javascript Browserify 和 Webpack 都是优秀的工具,但另一名新秀已经崭露头...

Hugo

React和Webpack结合使用的教程 | RisingStack

794阅读 · Hugo 2016-08-06翻译  
Webpack CSS React

React和Webpack结合使用的教程 3个月之前 2015年10月25号 React · Webpack · tutorial Just released Trace: Request a beta key here. 这篇文章转载自Christian A...

Hugo

Webpack你的包

1400阅读 · Hugo 2016-07-31翻译  
Webpack CSS HTML

Webpack你的包 也许你已经听说过这个叫做webpack非常酷的新工具。如果你没深入的了解过它你可能会感到困惑,因为有些人称它为类似Gulp的构建工具,还有人称它为类似Browserify的打包工具。如果你已经深入了解过它,你也可能因为主页作为Webpack呈现...

poppinlp

更新 Node 模块的正确姿势 - Jama Software

783阅读 · poppinlp 2016-07-14翻译  
React Webpack Java

你可以在完全无风险的情况下更新 Node 依赖 在 left-pad 风波平息之后,我们应该回头想想如何更好的使用 node 模块,确切的说是如何在安全、可靠且可重构(至少 Javascript 能够允许的程度)的前提下更新 node 包。 问题 最近,我被要求更新...

loveky

为ES6配置JavaScript测试工具

2142阅读 · loveky 2016-06-24翻译  
babel ES6 Webpack

现在已经可以很方便的使用使用ES6(亦或是未来的ES7)了,你只需配置好Babel就可以开始编码。如果你只是在NodeJS环境中开发,你甚至都不需要Babel,因为NodeJS自带的ES6支持已经越来越好了。 针对开发流程的工作流是非常简单和详细的,那么针对测试的呢?...

非主流童话

无需Webpack开撸React

807阅读 · 非主流童话 2016-05-27翻译  
React Webpack Git

Webpack虽好,但对于一个React新手来讲,如何开始是个很大的挑战。我就遇到很多初试身手的开发者在学习React的康庄大道上被难倒而功亏一篑,原因就是陷入了Webpack和配置的坑里。 为证明你可以专注学习React而无需ES2015、JSX编译以及Webpac...

玩命加载中……
已经到底啦