腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

IMWeb前端团队

IMWeb前端团队专栏

专栏作者

1369

文章

1857331

阅读量

215

订阅数

webpack2 的 tree-shaking 好用吗？

babel.js ecmascript webpack javascript 打包

下面是一个使用 react 的业务的代码依赖，但是实际上业务代码中并没有对依赖图中标识的模块，也就是说构建工具将不需要的代码打包到了最终的代码当中。显然，这是很不合理的。

IMWeb前端团队

2019-12-05

1.5K0

webpack2 终极优化

webpack jsp json java css

webpack是当下最流行的js打包工具，这得益于网页应用日益复杂和js模块化的流行。webpack2增加了一些新特性也正式发布了一段时间，是时候告诉大家如何用webpack2优化你的构建让它构建出更小的文件尺寸和更好的开发体验。

IMWeb前端团队

2019-12-05

5540

babelrc在哪里？

babel.js webpack react 打包网站

就是说当需要用到babel转换代码的时候，是会优先查找当前文件夹有没有.babelrc文件，或者其它的写法，比如说package.json的babel字段等，有就停止往上查找，没有就一直向上直到有为止。。。

IMWeb前端团队

2019-12-05

1.7K0

CSS Modules使用详解

css html webpack react 打包

通过 JS 来管理 CSS 就很好解决上述列举的问题。CSS 模块化的解决方案有很多，但主要有两类。

IMWeb前端团队

2019-12-04

1.8K0

webpack热更新配置小结

webpack javascript 打包 react 网站

热更新，可以使开发的人在修改代码后，不用刷新浏览器即可以看到修改后的效果。而它的另一个好处则是可以只替换修改部分相关的代码，大大的缩短了构建的时间。

IMWeb前端团队

2019-12-04

8730

给react加try-catch

react babel.js css webpack 打包

最近在一个使用fis构建的react.js项目里遇到个问题，render函数里如果发生了运行时错误，比如说某个对象没有判断就直接去访问其属性，那我所知道的就是，页面不正常了，特别是有嵌套子组件的时候，我可得一个个一层层去排查判断，去加try-catch。。。

IMWeb前端团队

2019-12-04

1.1K0

可能是史上最全的weex踩坑攻略

android vue.js 网站编程算法 webpack

虽然weex的口号是一次撰写多端运行, 但其实build环节是有差异的, native端构建需要使用weex-loader, 而web端则是使用vue-loader,除此以外还有不少差异点, 所以webpack需要两套配置.

IMWeb前端团队

2019-12-04

9360

多端多页面项目webpack打包实践与优化

webpack css 打包 php html

webpack的核心是一切皆模块，所以它其实本质上就是个静态模块打包器。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。

IMWeb前端团队

2019-12-04

2.1K0

webpack 学习小结

打包 webpack grunt gulp javascript

可以说，fis 比较大，对整个打包过程有一个核心规范和流程，并且总结并提供了打包构建中的3个核心能力

IMWeb前端团队

2019-12-04

3260

推荐一个让新手前端也能轻松上手高端工具（webpack等）的脚手架

webpack css javascript 打包 git

X-BUILD 是面向小型项目的脚手架工具，通过终端命令最快在几秒钟初始化项目目录，解决开发中的自动化、性能、模块化、规范、自适应布局等问题，辅助你生成更优质的代码。它两部分组成：一部分为基于 Node.js 环境下的项目生成器，它是安装在全局环境下的 NPM 包；另一部分是基于 webpack 的开发和生产环境，对各类需求做了相应的配置。

IMWeb前端团队

2019-12-04

3390

create-react-app初探

react webpack 打包 json javascript

CRA除了能帮我们构建出一个React的SPA项目(generator)，充当脚手架的作用。还能为我们在项目开发，编译时进行构建，充当builder的作用。可以看到生成的项目中的package.json包含很多命令：

IMWeb前端团队

2019-12-04

1.2K0

webpack源码阅读之Compiler

webpack 打包 javascript 编程算法

本篇记录了阅读Compiler.js过程中的一些笔记。(Webpack版本4.41.0)

IMWeb前端团队

2019-12-04

1.1K0

玩转webpack之loader开发

webpack 打包 postcss 编程算法 css

webpack提倡一切皆模块，所有类型的文件都可以经过文件加载器处理变成我们可加载的模块，那么这个文件加载器便是loader。

IMWeb前端团队

2019-12-04

6420

玩转webpack之loader开发

webpack 打包 javascript css

webpack提倡一切皆模块，所有类型的文件都可以经过文件加载器处理变成我们可加载的模块，那么这个文件加载器便是loader。

IMWeb前端团队

2019-12-04

5840

小程序官方同构方案Kbone分析

微信网站 vue.js webpack javascript

kbone主要提供了编写web端代码，编译到小程序端的能力。web端采用的框架是vue，然后提供一个适配层在小程序端适配web端代码。详细介绍参考：https://github.com/wechat-miniprogram/kbone/blob/develop/README.md

IMWeb前端团队

2019-12-04

1.2K0

用webpack配置Riot Redux工程

webpack 打包 redux gulp javascript

webpack是一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片Riot的tag文件等都作为模块来使用和处理。我们可以直接使用 require(XXX) 的形式来引入各模块。

IMWeb前端团队

2019-12-04

4790

webpack 项目 css/js主域重试

css html webpack javascript cdn

为了提高网站的访问速度，现在一般会将静态资源放在 CDN 下，而不是放在网站的域名之下。以腾讯课堂为例，其域名为 ke.qq.com，打开控制台，访问 ke.qq.com，我们可以看到 js 文件放在了 CDN 7.url.cn 下，css 文件放在了 CDN 8.url.cn 下。尽管 CDN 的服务可用性一般宣称 99.9% 甚至 99.999%，然而实际上监测结果比该数值要小一些。为了应对这种情况，需要做到当发现 css 或 js 文件从 CDN 加载失败时，能再次从网站的域名加载。

IMWeb前端团队

2019-12-04

1K0

WebAssembly + Rust 上手初探

webpack json https javascript 网络安全

如果说现在还有什么技术能够掀起前端的大变革，那就是 WebAssembly 了（以下简称WASM）。WASM 技术从立项开始便受到大家的瞩目，随着各大浏览器厂商的努力，目前的主流浏览为已经全部完成对 WebAssembly 的初步实现。另外在社区的推动下，围绕 WASM 的 emscripten 和 wasm-pack 等工具链的支持已经日趋完善，是时候使用 WebAssembly 了！

IMWeb前端团队

2019-12-03

9590

从一次react异步setState引发的思考

react babel.js 编程算法 webpack javascript

一个异步请求，当请求返回的时候，拿到数据马上setState并把loading组件换掉，很常规的操作。但是，当那个需要setState的组件被卸载的时候(切换路由、卸载上一个状态组件)去setState就会警告：

IMWeb前端团队

2019-12-03

6990

React Router Load On Demand

webpack 打包 react javascript 网络安全

It is frequently asked that how to load components on demand if you use react with react-router.

IMWeb前端团队

2019-12-03

4260

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态