摘要：一、解决什么问题 1、html中img引入的图片地址没有被替换，找不到图片 2、html公共部分复用问题，如头部、底部、浮动层等 二、html中img引入图片问题解决 1、在index.html插入img，引用图片<img src="../../assets/img/test.jpeg"> 2、np 阅读全文

摘要：一、解决什么问题 1、如何引入第三方库，如jquery等 二、引入jquery方法 1、下载jquery.min.js放到assets/lib下面 2、安装copy-webpack-plugin，将已经存在的单个文件或整个目录复制到构建目录。命令：npm install copy-webpack-p 阅读全文

摘要：一、解决什么问题 1、如果a.js和b.js都引用了common.js，那在打包的时候common.js会被重复打入到a.js和b.js，造成重复打包 2、单独打包common.js对性能有帮助，浏览器下载一次后会缓存下来，不会重复下载 二、未抽取公共代码的状况 基于之前代码，测试如下： 1、在as 阅读全文

摘要：一、解决什么问题 1、开发环境js、css不压缩，可在浏览器选中代码调试 2、开发环境运行http服务指向打包后的文件夹 3、babel输出浏览器兼容的js代码 二、需要安装的包 babel-loader：输出浏览器兼容的js代码；命令：<!--?xml version="1.0" encoding 阅读全文

摘要：一、解决什么问题 1、手写页面多入口，一个一个输入太麻烦，通过代码实现 2、手写多个htmlWebpackPlugin插件太麻烦，通过代码实现 二、多入口代码实现 修改module.exports的入口entry，注释掉原来手写的代码，改成上面的方法如下： 三、多htmlWebpackPlugin插 阅读全文