摘要：
前言：此节的开展是在上一节的基础上进行的，（每一节都是从无到有编写关于此节的知识），最后会附上相关完整代码。上一节 CSS中的图片处理 1.新建images文件夹 在src目录下新建一个images文件夹，把需要的图片放入images文件夹。图片下载 2.新增标签 在index.html文件中增加一 阅读全文
摘要：
从前面几节到现在，其实我们的项目结构是有问题的，因为我们直接把index.html文件放到了dist文件夹目录下。这肯定是不正确的，应该放到我们src目录下，然后打包到dist目录下，前面为了学习，才把index.html放到了dist目录下。 此节我们就来完成把开发环境中的html文件打包到我们的 阅读全文
摘要：
实际开发中，在项目上线之前，我们编写的js代码是需要进行压缩的，我们可以采取压缩软件或者在线进行压缩，这不是我们的重点，在webpack中实现JS代码的压缩才是本节的核心。 通过webpack中可实现的JS代码压缩是通过插件的方式实现的 uglifyjs-webpack-plugin(JS压缩插件， 阅读全文
摘要：
写在前面：为了兼容，此处的webpack版本为3.6.0、webpack-dev-server版本为2.9.7、css-loader版本为2.0.0、style-loader版本为0.23.1，若在下列安装后运行出错，一般是版本问题，可以安装此处的指定版本来解决。 1.前言 webpack把多个文件 阅读全文
摘要：
写在前面： （1）为了防止版本兼容问题，此处的webpack版本与之前的一致为：webpack@3.6.0。同时这里我们安装的webpack-dev-server版本是2.9.7版本。 （2）之前已经安装了node.js 在此之前我们一直采用live-server充当本地服务器，其实这与webpac 阅读全文