ES6 很强大，但目前并不是所有的浏览器都支持，所以需要用到 Babel，让旧的浏览器或环境中将 ES6 代码转换为向后兼容版本的 JavaScript 代码。来试一下吧，先安装需要用的 Babel 包：

简单描述一下：做Vue项目的时候，有时候我们预先设置了一个主题样式文件（_variables.scss），存放大量的定义的SASS变量，需要在不同的组件中使用，默认是无法使用的，除非每个组件内都引入这个_variables.scss文…

webpack.config.js中导出的是一个对象，这个对象是webpack的配置参数。说白了，导出对象的入口 出口 module plugins…什么的 全是webpack参数中的其中一个。那webpack就可以理解为一个很大的函数，把参数传递进…

前置准备 {代码…} 第一步配置webpack 配置路径： {代码…} 属性解析： {代码…} 第二步配置babel 配置路径： {代码…} 属性解析： {代码…} 结尾 根据上面步骤大概能解决问题

本文需要知道的两个npm命令 npx 和 npm linknpx:我们知道，npm5.2.0 引入了npx命令，当我们打包时 可以直接npx webpack，也可以实现打包

一、安装配置 【前提】安装node.js环境【官网下载】[链接]安装教程不赘述 创建项目文件夹例如创建如下文件夹webpack_demo1 创建配置项 {代码…} 生成一个package.json文件 如下图 全局安装webpack （不推荐，进…

参考来源：[链接] webpack配置，将index.js变为index.ejs模板 {代码…} webpack的入口文件（index.js)添加 {代码…} 服务端程序，遇到index.js的请求，就替换掉<%=nonce%>

上一讲中我们打包没有用到webpack.config.js配置文件，webpack4把自己定位为一个零配置的工具。这一讲学习配置文件使用，更好地学习webpack。

浏览器会默认缓存网站的静态资源文件，如：js文件、css文件、图片等。缓存带来网站性能提升的同时也带来了一些困扰，最常见的问题就是不能及时更新静态资源，造成新版本发布时用户无法及时看到新版本的变化，严重…

2.如何进行：递归读取每个文件，会形成一个依赖列表，依赖列表的，依赖列表是一个以文件相对路径为key，文件内容为value的对象。