摘要: 从前面几节到现在,其实我们的项目结构是有问题的,因为我们直接把index.html文件放到了dist文件夹目录下。这肯定是不正确的,应该放到我们src目录下,然后打包到dist目录下,前面为了学习,才把index.html放到了dist目录下。 此节我们就来完成把开发环境中的html文件打包到我们的 阅读全文
posted @ 2018-12-12 17:49 WFaceBoss 阅读(666) 评论(0) 推荐(0) 编辑
摘要: 实际开发中,在项目上线之前,我们编写的js代码是需要进行压缩的,我们可以采取压缩软件或者在线进行压缩,这不是我们的重点,在webpack中实现JS代码的压缩才是本节的核心。 通过webpack中可实现的JS代码压缩是通过插件的方式实现的 uglifyjs-webpack-plugin(JS压缩插件, 阅读全文
posted @ 2018-12-12 16:20 WFaceBoss 阅读(325) 评论(0) 推荐(0) 编辑
摘要: 写在前面:为了兼容,此处的webpack版本为3.6.0、webpack-dev-server版本为2.9.7、css-loader版本为2.0.0、style-loader版本为0.23.1,若在下列安装后运行出错,一般是版本问题,可以安装此处的指定版本来解决。 1.前言 webpack把多个文件 阅读全文
posted @ 2018-12-12 14:58 WFaceBoss 阅读(548) 评论(0) 推荐(0) 编辑
摘要: 写在前面: (1)为了防止版本兼容问题,此处的webpack版本与之前的一致为:webpack@3.6.0。同时这里我们安装的webpack-dev-server版本是2.9.7版本。 (2)之前已经安装了node.js 在此之前我们一直采用live-server充当本地服务器,其实这与webpac 阅读全文
posted @ 2018-12-12 10:18 WFaceBoss 阅读(296) 评论(0) 推荐(0) 编辑