一般待过大公司的同学都知道，一个成熟稳定的公司肯定需要销售产品或推广产品来盈利，推广自己的产品则需要活动页面来引流。下面，我将分享自己在公司的探索经历，教你用webpack4打造优化到极致的活动页面。 安装webpack webpack-cli，配置webpack.config…

PostCSS 并不是一门语言，而是一个类似于 webpack 的工具，它支持很多插件，来达到便捷的编译效果，组成一个 CSS 编译 / lint / 自动补全的生态圈。通过它你可以写 CSS 文件，但正常使用自己喜爱的嵌套，函数或者其他自己喜欢的特性

近几年，构建对于前端开发来说是一个很重要的名词，它给前端开发注入了很大的活力，解放了很多生产力。而webpack在前端项目中起了不可小觑的作用，它可以将我们所用的各种浏览器不认识的代码比如es6，es7,sass,less等转换为浏览器认识的语言，可以对文件进行压缩合并，代码进…

对于打包工具来说，最简单也是最复杂的操作莫过于路径的安排了，原本都在src下的资源，想要打包到dist目录下，但是打包出来的文件路径甚不如人意。明明想要分门别类地放置文件文件，然后却像大杂烩一样js,html，css甚至图片都混在了一起。虽然打包之后运行没什么问题，但是这是要逼…

笔者在开发 cli 的过程中，调研流行的 cli 并形成最佳实践，本文旨在用最短的篇幅实现主要功能，揭露核心原理，同时提供 demo 仓库与大家学习探讨。 一个命令，就可以把我预设的完整的工程目录创建好，特别方便效率。 上面雏形脚手架可以很好的服务于个人需求，但是毕竟过于干瘪和…

但是这样就没有办法在引用文件的时候通过.来唤起路径提示了。

webpack有个插件，可以查看项目打包，每个包的体积，每个包里面的包一些情况。

根目录创建.babelrc文件，配置presets. 其中test属性是比较关键的一个值，他可以是一个字符串，也可以是正则表达式，还可以是函数。如果定义的是字符串，会匹配入口模块名称，会从其他模块中把包含这个模块的抽离出来

webpack4支持的一个新特性就是zero配置，不需要config，也可以打包，这对于懒癌患者很有诱惑力，但是这也意味着我们不清楚零配置发生了写什么，也不知道打包出来的文件是否符合我们的心意，全部都是佛系打包。不过作为项目的亲爹亲妈，还是要对自己的孩子负责，每个打包过程都是要…