吐泡泡姑娘

以上是引入了一个增加前缀的postcss插件，下面我们打包执行一下，看看是什么效果。 继续学习！这里先简单使用一下cssnext的语法，然后将其解析为正常的css语法。下图红框为cssnext语法，意为在根元素定义一个color变量为red，然后在a标签里使用该变量。 注：如果…

css抖动一定要放在js之前，否则会报错。

提取公共js代码前言条件该方法只适用于多入口js文件优点减少代码冗余提高用户加载速度webpack4新特性(splitChunks)splitChunks替代了之前webpack3的common-ch

痛点：html是我们前端最最基础的也是最接近视图的部分，上文中说到关于css的部分，我们的案例都是要自己创建html文件，然后把打包后的js和css文件手动引入html中。 这样狠繁琐呀，所以本文就是要学习，怎么用webpack实现通过当前的html文件，自动生成一个html文…

file-loader：图片打包。 url-loader：与file-loader功能相同且多了可以根据图片大小判断是否打包成base64编码格式功能。个人认为url-loader更适用一些。 img-loader：将图片进行压缩。

咳咳。。。步入正题 翻译过来就是树抖动，树抖动都是会把叶子都下来，那么代码抖动会都下来什么呢？当然是代码啦~tree shaking会在生产环境下打包时把没有使用到的代码剔除掉，减小打包后js的体积，开发环境下不会剔除。 上述情况是因为我们刚才执行的是npm run dev,是…

var有三个特点：变量声明提升、可重复定义、全局变量挂在到window上。这三个特点有时候往往适得其反，开发时有时候并用不上。 不报错。 let与{}形成块级作用域，即{}中let声明的变量只能在{}中使用，但在{}外声明的变量{}内是可以使用的。 按照上述的逻辑，{}形成块级…

babel是一个用于将es6以上版本的代码转换为向后兼容的JS语法的工具，以便代码在当前版本和旧版本浏览器中正常运行。 babel有在线网站和本地运行两种使用方式。 在线网站优点是方便快捷，但是如果我们想将整个项目的代码都进行对比的话，在线网站用起来就不是那么舒服啦，这时候我们…

上文我们说过es6其中有一个特点为：内部arguments this由定义时外围最接近一层的非箭头函数的arguments和this决定其值，本文就来证明这个特点。 就是说箭头函数直接在全局定义的话，传入的参数也会没有，因为在这个箭头函数外围，并没有非箭头函数，所以argume…