这个两个规范曾经困扰过我，因为他们的关键词都很像：import/export/export default/require/module.exports... 总是傻傻分不清楚。 关于他们之间的区别只是听说一个动态加载、一个静态加载；一个导出副本，一个导出引用。这又是什么意思，…

带着这些疑问和好奇，希望阅读这篇文章能解答你的疑惑。 在 ES6 之前，ECMAScript 并没有提供代码组织的方式，那时候通常是基于 IIFE 来实现“模块化”，随着 JavaScript 在前端大规模的应用，以及服务端 Javascript 的推动，原先浏览器端的模块规范…

经过多番寻找在webpack配置中用output.libraryTarget参数可以配置输出模块规范。 output.library 会将值作为变量声明导出（当使用 script 标签时，其执行后在全局作用域可用）。 当 library 加载完成，入口起点的返回值将分配给 wi…

作者：滴滴公共前端团队 - 水乙 我们在使用 webpack 打包我们的工程模块时，经常会需要 devtool 开启 sourceMap 让我们可以调试代码，但是 webpack 文档中关于 devtool 给出了7种模式，文档也写得非常简略，初学者很难上手。本文将这7种模式的…

1. 搭建项目并打包 JS 文件 它将查找 ./src/index.js 作为默认入口点。 而且，它会在 ./dist/main.js 中输出模块包，目前代码量小，可以格式化看效果 拥有 2 个配置文件在 webpack 中是的常见模式。 webpack4 引入了 produc…

提到前端打包工具，毫无疑问想先到的是webpack。但是前端发展地很快，时不时会有新东西出现，打包工具这边之前也出现parcel和rollup。各种工具的碰撞，相互汲取优点，促进技术的发展。 webpack4中支持了零配置的特性，同时对块打包也做了优化，CommonsChunk…

HappyPack就能让Webpack把任务分解给多个子进程去并发的执行，子进程处理完后再把结果发送给主进程。 happypack

之前在做webpack配置时候多次用到路径相关内容，最近在写项目的时候，有一个文件需要上传到阿里云oss的功能，同时本地服务器也需要保留一个文件备份。多次用到了文件路径相关内容以及Node核心API的path模块，所以系统的学习了一下，整理了这篇文章。 作者简介：koala，专…

工作中大多数需求往往能够用单页面应用的方式来构建，但也少不了多页面的需求场景。这个脚手架往往能够满足你在多页面的场景需求！非常推荐使用！！！