程序铺子

1. 写在前面 在之前的一篇博客中：使用babel打包编译js文件 ，简单介绍了如果在webpack中使用babel对高级JS语法进行转换，以方便浏览器能够识别。 但是babel的相关知识很多，不能面面俱到全部讲解，只能将我们项目中经常使用的一些插件或者配置介绍一下。我的目的是…

1. 写在前面 在前端项目中，占主导地位的文件，我想应该是 .js 文件。随着 JS语言 的不断升级改进，越来越多的高级语法被加入到该语言中，比如我们熟知的 ES6语法、ES7语法 等。 虽然 ES6语法、ES7语法 我们写起来感觉非常方便，但是目前市面上的浏览器却不认识这些语…

1. 写在前面 在前面的博客中，对webpack打包项目进行了简单介绍，而且都是关于打包编译 .js 文件的介绍。我们知道在一个基于webpack的项目中，肯定不止是 .js 文件，还有 .html 、.css、.png 等文件，在后面的博客中会给大家一一讲述，在这篇博客中，我…

1. 写在前面 在之前的博客中，每次使用webpack打包编译完成之后，我们都需要手动打开编译后的index.html文件，这样对于前端开发的调试很不方便。为了解决这一问题，webpack给出了 开发服务器 这一方案。在进行开发的过程中，我们可以使用webpack启动一个开发服…

1. 写在前面 经过前两章博客的基础讲解，我们知道如果想要打包编译项目，可以执行 npx webpack 命令，然后webpack就会根据配置文件 webpack.config.js 来对项目进行打包编译。但是现在我们可能遇到以下需求： 每次打包编译的时候，都要使用 npx w…

1. 写在前面 现在我们就开始正式学习 webpack 了，webpack是帮助我们打包编译项目的，所以在正式开始之前，我们需要初始化一个基于webpack的项目。 2. 初始化一个基于webpack的项目 这一步简单，我们可以使用 npm 或者 yarn 包管理工具来帮助我们…

1. 写在前面 很多从事前端开发的程序员，都会接触到 webpack 非常熟悉的概念，但是我想很多人对webpack只是一知半解，知道这是一个打包器，可以将我们编写的Vue代码、React代码打包编译成原生的JS代码，方便浏览器识别。 但是对于webpack更底层的知识，比如：…