Webpack
webpack入门与解析(一)
这个命令会创建一个默认的package.json。它包含了项目的一些配置参数,通过它可以进行初始安装。详细参数:https://docs.npmjs.com/files/package.json。
博客园精华区 02-20 23:31 稍后阅读
今天,你升级Webpack2了吗?
Web前端打包技术日新月异,从grunt到gulp再到webpack,如今又出现了新的挑战者:rollup,它祭出的杀手锏是tree-shaking,可以减小打包后的体积。为了赶超rollup,webpack也加入了tree-shaking功能,推出了webpack2..
阿里巴巴国际UED 02-20 10:19 稍后阅读
use vue vuex vue-router, not use webpack
vue,vuex,vue-router放在一起能做什么?不用webpack之类的打包工具使用他们是否可行?各位道友在初学vue时是否有这样的困惑。因为现代构建前端项目的一般模式是:
博客园精华区 02-20 08:09 稍后阅读
Webpack 1.x 常用路径配置整理
Webpack 功能之强是毋庸置疑的。然而在使用时,有太多方式实现同一件事的设计也使得学习曲线也较为陡峭。下面整理了若干处理 Webpack 项目路径时常用的配置参数。
eWind the Blogger 02-19 20:24 稍后阅读
[譯 + 補充] Webpack 2 入門
在今時今日,webpack 已經成為前端開發非常重要的工具之一。本質上它是一個 Javascript 模組封裝工具,但透過 loaders 和 plugins 它也可以轉換封裝其他前端的資源檔像是 HTML,CSS,甚至是圖片等.
SegmentFault 02-17 23:28 稍后阅读
React and ES6 - Part 6, React and ES6 Workflow with Webpack
React and ES6 - Part 6, React and ES6 Workflow with Webpack
一起众创 02-17 18:15 稍后阅读
webpack 源码学习(一):如何实现一个简单的 webpack
从webpack的第一个commit可以看出,其当初最主要的目的是在浏览器端复用符合CommonJS规范的代码模块。这个目标不是很难,我们努力一把还是可以实现的。
Github 02-17 09:29 稍后阅读
webpack打包分析与性能优化
在去年年末参与的一个项目中,项目技术栈使用react+es6+ant-design+webpack+babel,生产环境全量构建将近三分钟,项目业务模块多达数百个,项目依赖数千个,并且该项目协同前后端开发人员较多,提高webpack 构建效..
SegmentFault 02-16 22:00 稍后阅读
Vue 项目中使用 webpack 将多个组件合并打包
使用 Vue 开发项目时,如果要使用其单文件组件特性,必然要使用 webpack 或者 browserify 进行打包,对于大型应用,为了提升加载速度,可以使用 webpack 的 code split 功能进行分割打包,生成较小的模块并按需加载..
SegmentFault 02-16 22:00 稍后阅读
webpack1.x 升级到 webpack2.x 英文文档翻译
resolve.root, resolve.fallback,resolve.modulesDirectories, ,这三个选项现在全部合并到<span>resolve.modules</span>一个选项中。关于<span>resolving</span>,<a href="https://webpack.js.org/configuration/r..
博客园精华区 02-16 18:04 稍后阅读
学习Vue2.0的建议顺序
通读官方教程 (guide) 的基础篇。不要用任何构建工具,就只用最简单的 <script>,把教程里的例子模仿一遍,理解用法。不推荐上来就直接用 vue-cli 构建项目,尤其是如果没有 Node/Webpack 基础。 照着官网上的示例.
SegmentFault 02-15 14:45 稍后阅读
2017年试试Web组件化框架Omi
Omi的Github地址 AlloyTeam/omi: 开放现代的Web组件化框架-Open and modern framework for building user interfaces. 如果想体验一下Omi框架,请 点击Omi Playground 如果想使用Omi框架,请阅读 Omi使用文档 如果..
极乐科技 02-15 12:03 稍后阅读
Omi 来自腾讯Web 前端团队的开放现代的Web组件化框架
如果想体验一下Omi框架,请点击Omi Playground 如果想使用Omi框架,请阅读 Omi使用文档 如果想一起开发完善Omi框架,有更好的解决方案或者思路,请阅读 从零一步步打造web组件化框架Omi 关于上面的两类文档.
极客头条 02-14 16:30 稍后阅读
试着用React写项目-利用Webpack搭环境
最近都赋闲,然后前些天开了个会就是关于“不加班就得死“的死命令,作为抵制加班的先头兵,我感觉我时日无多是时候加快武装自己的速度不然吃土都不配了,就在这个大条件下捡起我丢在地上的React。
ddwhan0123的专栏 02-14 11:07 稍后阅读
每日一博 | 四大流行前端打包工具使用入门
#Gulp# gulp是一个前端自动化构建工具,通过代码优于配置的策略,Gulp 让简单的任务简单,复杂的任务可管理。 全局安装 作为项目的开发依赖(devDependencies)安装 实验 我们使用gulp-uglify来压缩js文件,减少文件..
开源中国 02-14 08:08 稍后阅读
手把手教你用es6+vue2+webpack2+vue-router2搭建个人blog
如果你想学习vue2的基本套路及其生态, 如果你想学习如何使用webpack2进行文件的编译,打包及构建,如何进行文件的组织。。(总之作为一个业余项目,你能跟下来的话肯定能学到很多啦~~)
JSer 02-14 01:41 稍后阅读
webpack使用总结
学习webpack的时候,看过它的官网,发现非常难懂,各种内容编排的很乱,并且挺生涩难懂的,和React Native等项目的官网比起来,差太多了,所以如果刚开始接触webpack的话,不建议直接去其官网看。
简书 02-12 23:42 稍后阅读
service worker初探:超级拦截器与预缓存
这个问题说白了就是如何拦截请求。拦截fetch以及拦截XHR已经是很常规的办法了,但是如何拦截浏览器自行发出的请求呢?
Smallpath的小站 02-11 19:26 稍后阅读
最简单的服务端渲染框架-Next.js快速入门
Next.js是一个用于React应用的极简的服务端渲染框架。框架中集成了Webpack,Babel等一系列React相关的工具并进行了默认的配置。因此省去了复杂的配置过程,实现了一键搭建开发环境和打包构建。同时提供了自定义配置..
前端当自强 02-11 17:14 稍后阅读
浅谈webpack应用
webpack 在前端工程中随处可见,当前流行的 vue, react, weex 等解决方案都推崇 webpack 作为打包工具。前端工具云集的时代,这是你值得选择的工具之一。
SegmentFault 02-11 16:31 稍后阅读
基于 Webpack 2 的 React Router 懒加载路由配置
前文提及,在 Webpack 1 中主要是由bundle-loader进行懒加载,而 Webpack 2 中引入了类似于 SystemJS 的System.import语法,首先我们对于System.import的执行流程进行简单阐述:
某熊的全栈之路 02-09 13:20 稍后阅读
Omi原理-Hello Omi
Omi使用完全面向对象的方式去开发组件,这里约定好带有下划线的方法是用于内部实现调用,不建议Omi框架的使用者去调用。 其中,_render为私有方法用于内部实现调用,会去调用组件的真正render方法用于生成HTML.
当耐特 02-09 10:43 稍后阅读
Omi原理-环境搭建
Karma是一个基于Node.js的JavaScript测试执行过程管理工具(Test Runner)。该工具可用于测试所有主流Web浏览器,也可集成到CI(Continuous integration)工具,也可和其他代码编辑器一起使用。这个测试工具的一个..
当耐特 02-08 12:45 稍后阅读
用 vue2 和 webpack 快速建构 NW.js 项目
先讲一下这个项目的由来。我司要新上一个产品,是面向教育领域的一个东西,要求快速开发又必须要兼容 XP ,所以就选 NW.js 来做桌面客户端。同时,前端的轮子方面,开始尝试在面向用户的业务上应用 vuejs 。
SegmentFault 02-08 11:30 稍后阅读
GitLab 计划采用 Vue 和 webpack 进行重写
博客中透露,他们并不是要使用 Vue 完全重写 GitLab 的前端,因为它们认为这对于像自身这种创业公司来说,完全重写将是一个非常糟糕的主意。它们只是采用 Vue 重写需要重写的部分,毕竟现有的 jQuery 代码已经经过..
开源中国 02-08 08:29 稍后阅读
webpack入门+react环境配置
小结放在前:这篇文章主要是为下一篇的react提前铺好路,webpack是一个前端资源模块化管理和打包工具,说白了就是方便我们管理自己的常用的一些代码,比如你开发中用到sass以及jade同时用到es6,开发时你不可能改动..
博客园精华区 02-08 01:50 稍后阅读
Webpack2.x踩坑与总结
在npm安装包的时候,如果使用全局安装,即npm install &lt;packageName&gt; -g,则在安装完成后可以在终端运行作为命令去运行,但是如果是本地安装的包npm install --save-dev &lt;packageName&gt;,则无法这样直接..
zeeCool 02-08 00:45 稍后阅读
webpack2异步加载套路
webpack提供的一个非常强大的功能就是code spliting(代码切割)。 在webpack 1.x中提供了 利用require.ensure这个API使得webpack单独将这个文件打包成一个可以异步加载的chunk.
JSer 02-07 22:29 稍后阅读
20170206 前端开发日报
通用 CSS 笔记、建议与指导;前端切图神器 avocode;学习前端只需要三个月(语言篇);让 Node.JS 核心更强大;2016年度最热门的开发工具集;从 Chrome 源码看浏览器的事件机制;移动端 H5 页面注意事项;Hadoop 面..
前端开发博客 02-07 20:00 稍后阅读
vue2服务端渲染:按需分块加载的首屏优化策略
假如全部路由都使用按需分块加载,那么首屏时间很可能不降反增,因为首屏对应的组件也同样要在客户端通过jsonp生成async script标签并异步获得。生成的标签如下:
Smallpath的小站 02-07 16:15 稍后阅读
已添加到稍后阅读