问题1:如何打包生成多页面的文件
要点:入口多js文件
实例化多个htmlWebpackPlugin , 使用 chunk:['main','a'],来指定每个文件各自包含的js文件
也可使用excludeChunks:['a','b'] 除了a.js和b.js
问题2:如何实现3个html文件中main.js是直接在html文件中生成的,而a.js/b.js/c.js都是通过cdn的形式外链介入?
问题3:webpack 如何处理项目中的资源文件?
3.1 ES6语法转换为浏览器接收的语法
3.2 处理css或者css预处理语言 (less scss stylus)
3.3 图片压缩 、图片转为base64的编码格式 减少请求
首先解析es6语法:需要安装依赖 babel-core babel-loader
配置wabpack.config.js
解析:需要在根目录下增加一个.babelrc文件,指定es6语言转化为那个版本
include 里面包含需要解析的js存在范围,极大缩端打包时间,依赖babel-loader
运行的结果