当前位置:首页 > 精彩博文
时间:2019-03-19 作者:CSS魔法 阅读原文
Original: Whats new in webpack 2 Translated by: cssmagic Work in progress... This reflects stuff until 2.0.5-beta+ 仍在开发中……本文只反映截至 2.0.5-beta+ 版本的情况。 Major changes 主……
时间:2019-03-19 作者:CSS魔法 阅读原文
Original: Start your own JavaScript library using webpack and ES6 Translated by: cssmagic Two months ago I published a starter pack for React based on webpack. Today……
时间:2019-03-18 作者:梁少峰 阅读原文
问题 用了webpack有一段时间了,其实对webpack打包出来的bundle.js里面到底是什么,怎么实现的不了解,只是知道里面有一坨东西。恰好有同事研究到了这个,觉得非常有意思,所以自己也来研究一下。 一个入口,一个文件 // webpack.config.js module.exports = { entry:./ind……
时间:2019-03-18 作者:梁少峰 阅读原文
问题 最近在做一个项目,用的是react+redux+webpack,但是发现写着写着build出来的bundle.js(压缩前)居然已经有2.3M左右!开玩笑!我自己写的src目录底下的文件总大小也不过100多K,这也太夸张了吧。。。于是开始寻找优化的方法。 分析 先分析一下历史原因。 第一,在用webpack之前,做的项目都是jq……
时间:2019-03-18 作者:梁少峰 阅读原文
前言 在上一篇 #98 中,我们通过实现requireJS,对模块化有了一些认识。今天我们更进一步,看看如何实现一个简单的webpack,实现的源码参考这里。 目标 现在的webpack是一个庞然大物,我们不可能实现其所有功能。 那么,应该将目光聚焦在哪儿呢? 从webpack的第一个commit可以看出,其当初最主要的目的是在浏览器……
时间:2019-03-18 作者:梁少峰 阅读原文
前言 继上一篇 #99 之后,我们今天来看看如何实现 webpack 的代码切割(code-splitting)功能,最后实现的代码版本请参考这里。至于什么是 code-splitting ,为什么要使用它,请直接参考官方文档。 目标 一般说来,code-splitting 有两种含义: 将第三方类库单独打包成 vendor.js ,……
时间:2019-03-18 作者:梁少峰 阅读原文
前言 在上一篇 #100 中,我们实现了 webpack 的 code-splitting 功能。今天,我们来探索 loader 机制,最终实现的代码版本参考这里。(参考的 webpack 版本是这个) 问题 以加载 less 为例。 // example.js require(./style.less); // style.le……
时间:2019-03-18 作者:木偶 阅读原文
背景 随着前端复杂度的不断提升,诞生出很多打包工具,比如最先的grunt,gulp。到后来的webpack和 Parcel。但是目前很多脚手架工具,比如vue-cli已经帮我们集成了一些构建工具的使用。有的时候我们可能并不知道其内部的实现原理。其实了解这些工具的工作方式可以帮助我们更好理解和使用这些工具,也方便我们在项目开发中应用。 ……
时间:2019-03-18 作者:木偶 阅读原文
webpack4 最主要的卖点便是 0 配置,话不多说,让我们从头开始体验 webpack 4 的一些特性。 entry 和 output 首先创建一个空目录,然后初始化一些配置: mkdir webpack4-quickstart cd webpack4-quickstart npm init -y 接着,我们需要安装webpac……
时间:2019-03-18 作者:木偶 阅读原文
关于webpack loader Loader 是支持链式执行的,如处理 sass 文件的 loader,可以由 sass-loader、css-loader、style-loader 组成,由 compiler 对其由右向左或者从下向上执行,第一个 Loader 将会拿到需处理的原内容,上一个 Loader 处理后的结果回传给下一个……
时间:2019-03-18 作者:木偶 阅读原文
你需要了解的babel babel 是一个javaScript 编译工具,babel 已经支持最新的 javascript 版本,下面我们来介绍 babel 常用的几个工具 babel-preset-env 安装: npm install babel-preset-env --save-dev 不需要任何配置,babel-preset……
时间:2019-03-18 作者:木偶 阅读原文
什么是parcel 网上关于parcel的报道很多,其实也是个和webpack类似的资源打包编译工具,官网上对其主要的宣传点还是在打包更快速,零配置,入口支持html,css,js... 当然,听到这里,或许每个人都想去尝鲜。因为我现在项目主要的技术栈是vue,所以我们来基于Vue来试试parcel 到底怎么样。 环境安装 运行以下命……
公益性全栈资源网站,鸣谢默默付出的博主、工程师、架构师们。
网站内容来源技术大牛的辛勤结晶。
81For 技术网站 Copyright ©2019 备案号:津ICP备19001147号-2