Webpack
教你一步步从零构建webpack开发多页面环境
查看 webpack.config.js 可以其实就是配置多个 entry 而已,可以看到 dist 下生成编译好的文件:
riskers's blog 01-19 22:17 稍后阅读
【翻译向】webpack2 指南(下)
使用 [chunkhash] 给每一个文件创建基于内容变化的缓存标识 在 HTML 文件中引入文件时使用编译状态来拿到文件名称 在载入资源之前生成 chunk-manifest JSON 文件并写入到 HTML 页面中 确保包含启动代码的入口代码块..
抹桥的博客 01-19 12:56 稍后阅读
webpack 好文章好工具合集
搜罗一切webpack的好文章好工具 如有好文, 请到此issue里提交文章,或者直接发pull request. webpack 优秀 starter kit 如有好的starter kit, 请到此issue里提交章,或者直接发pull request.
Github 01-19 11:18 稍后阅读
webpack+react+redux+es6开发模式---续
之前介绍了webpack+react+redux+es6开发模式 ,这个项目对于一个独立的功能节点来说是没有问题的。假如伴随着源源不断的需求,前段项目会涌现出更多的功能节点,需要独立部署运行。为了更好地管理这些独立的功能节..
博客园-原创精华区 01-18 22:13 稍后阅读
前端自动化构建工具Webpack入门指南
Webpack是时下最流行的模块打包器 它的主要任务就是将各种格式的JavaScript代码,甚至是静态文件 进行分析、压缩、合并、打包,最后生成浏览器支持的代码
CSDN博客 01-18 20:10 稍后阅读
从 webpack v1 迁移到 webpack v2
上述配置项被一个单独的配置项 resolve.modules 取代。详见 resolving。 此配置项不再需要传一个空字符串。此行为被迁移到 resolve.enforceExtension。详见 resolving。
众成翻译 01-18 18:37 稍后阅读
switching to webpack -- 初探webpack
在 index.html 我们就引入了剩余两个文件。现在,我们想利用 webpack 来进行打包。把 css 和 js 放入一个文件中,这样我们在 index.html 中就只需要引入一个文件便可以了。
SegmentFault 01-18 16:36 稍后阅读
Webpack v2.2.0 发布,模块加载打包工具
Webpack v2.2.0 正式版发布了。本次发布的版本与最后发布的 RC 版相比,没有任何更改,只是更新了版本号。 2.2.0-rc.7更新内容: Bug 修复: 优化: 如果要从 webpack 1 迁移到 webpack 2,请参阅迁移指南 下载地址..
开源中国 01-18 14:06 稍后阅读
【翻译向】webpack2 指南(中)
就像之前 理念页面 中解析的细节那样,动态模块替换(HMR)会在应用运行时动态的替换、添加或者删除模块而不用重新刷新页面。 HMR 非常有用,当应用只有一个状态树(single state tree)时。
抹桥的博客 01-18 11:49 稍后阅读
基于 Webpack 的应用包体尺寸优化
最近我在构建一个基于 React 的单页应用,当我用Google TestMySite来检测自己的站点时,它的反馈是加载时间过长,因此我开始考虑如何优化初次下载的包体大小。优化应用包体的第一步就是检视当前的包体组成.
某熊的全栈之路 01-17 22:35 稍后阅读
webpack2抢先预览版
webpack2抢先预览版,简单方便的构建单页和多页用用。(启用tree-shaking新技术) 地址:webpack2-Scaffolding
SegmentFault 01-17 14:21 稍后阅读
【翻译向】webpack2 指南(上)
代码分割是 webpack 中最引人注目的功能之一。它允许你把代码分割成各种可以根据需求载入的代码包,就像一个用户浏览器去匹配路由一样,或者一个用户发出的事件。这允许你小的模块,允许你控制资源的载入优先级,如..
抹桥的博客 01-17 13:49 稍后阅读
webpack2,升还是不升?
在 webpack2.2 即将发布 之际,我们来看下 webpack2 有哪些新特性。至于是否升级,大家心里应该有自己的打算吧。
chencheng's blog 01-16 18:22 稍后阅读
webpack入门必知必会
首先什么是webpack?如果说它是一个打包工具那真的是有点大材小用了。我个人认为webpack是一个集前端自动化、模块化、组件化于一体的可拓展系统,你可以根据自己的需要来进行一系列的配置和安装,最终实现你需要的..
博客园精华区 01-16 09:48 稍后阅读
webpack技术讲解及入门
webpack基本已经成为前端项目的标配构建工具了。 然而,在一个前端团队里面,除了架构师之外,其他开发者很难有机会在工作中完整的实现整个配置流程。 本篇文章是我在公司里面分享webpack及babel配置和插件开发的一..
前端学习指南 01-15 16:54 稍后阅读
webpack学习总结(二)
webpack是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,到实际需要的时候再异步加载。通过 loader 的..
Poetry's Blog 01-14 17:40 稍后阅读
Hybrid 路由架构演进之路
经过近两年的发展,我们去哪儿内部的 hybrid 方案 hy,已经从 15 年年中的 hy 1.0 进一步完善和成熟,已于去年底推出了基于 react 的 hy2.0 解决方案。在框架升级的大背景下,他的路由架构体系也发生了不小的变化.
malcolm 01-14 17:06 稍后阅读
webpack 中的 watch & cache (上)
无论是 webpack --watch,还是 webpack-dev-middleware 模块,都是调用 compiler.watch 方法进行初始化 watch 流程,在 Compiler.prototype.watch 逻辑中,与 Compiler.prototype.run 在方法中完成具体编译流程不同..
SegmentFault 01-13 22:41 稍后阅读
webpack贡献者光荣榜
随着NodeJS 0.12 LTS版本在16年12月31日的终结,我们决定正式放弃对其在主干上的支持!随着twitter上的发布和ES6重构机遇的口传成碑,我们已经看到大量提交的涌入。
众成翻译 01-13 19:46 稍后阅读
webpack学习总结篇
module.exports 是 CommonJS 规范中定义一个文件对外接口的语法,webpack.config.js 文件对外的接口是一个 object ,其中定义了一些配置参数。
Poetry's Blog 01-13 18:40 稍后阅读
Webpack2 起步
简而言之,webpack是一个JavaScript模块打包工具。但是它可以用来托管并且管理你所有的前端代码(至少它被开发出来的目的或者说社区希望达到的目标是这样的)。
DockOne 01-13 17:43 稍后阅读
SegmentFault 2016 第四季度 Top Writer
2016 已悄然过去,SegmentFault 年终盘点也已整合完毕,包括 2016 Top Rank:年度内容精选 和 2016 优秀贡献者。
SegmentFault 01-12 14:11 稍后阅读
[webpack] 如何把代码内联进html中?
用过 fis 的同学应该对 __inline 语法比较熟悉,它就是用来把代码内联进 html 的,其实 webpack 也可以借助插件做到这一点的
DDFE 技术周刊 01-10 14:46 稍后阅读
Webpack实战 - 使用动态 entry 改善调试体验
webpack 的优势不言而喻,因此在实际应用中我们也常常使用它调试 多入口 应用,所谓 多入口 是指多个HTML页面会使用多个入口文件,在官方教程 MULTIPLE ENTRY POINTS 介绍了如何配置:
SegmentFault 01-09 15:16 稍后阅读
前端工程自动化构建总结
前端自动化构建是当下的热门,我记得2014年的时候,前端的自动化构建,大多是用在javascript的合并、压缩、语法检查、coffeescript,Sass,LESS转换上,构建工具也有很多,比如ant,grunt,gulp等,二次封装的工具也有..
博客园精华区 01-09 11:08 稍后阅读
高仿饿了么 App 商家详情(vue2 + vue-router2 + es6 + webpack)
1.使用vue-cli构建项目,可以快速起手进入代码编写 2.使用eslint 规范项目格式,保持风格统一 3.使用 better-scroll 来进行滑动的支持 4.尽量使用组件化,模块化的思想,即什么都能成为组件 5.本项目在安卓4.
Github 01-09 10:21 稍后阅读
ReactJS项目中基于webpack实现页面插件
整个Web页面是基于ReactJS的,js打包用的webpack,现在想在Web页面端实现一种插件机制,可以动态载入第三方写的js插件。这个插件有一个约定的入口,插件被载入后调用该入口函数,插件内部实现渲染逻辑.
IT牛人博客聚合网站 01-08 00:00 稍后阅读
wepack+sass+vue 入门教程(二)
六、新建webpack配置文件 webpack.config.js 七、新建app文件夹,存放html+css+js index.html css/index.css js/index.js 最后直接访问index.html 八、将index.js内容改为webpack编译输出
博客园精华区 01-07 11:48 稍后阅读
webpack 入门实战
大概几个月前,刚接触 gulp 的时候,通过 gulp 对前端工作流进行优化,在 gulpfile.js 文件中写插件,编译 less、stylus,压缩 css、js 等等,感觉工作效率得到极大的提升,原本手动的东西,现在都是自动化了。
SegmentFault 01-06 18:02 稍后阅读
Webpack解惑
Webpack 现在是React应用程序标配的模块打包器,我估计Angular2和其他框架的用户也在大规模使用。我第一次看到Webpack配置文件的时候,感觉实在太陌生,太混乱了。在玩了一段时间后,我现在觉得是Webpack独特的语法..
前端当自强 01-06 11:25 稍后阅读
已添加到稍后阅读