问题1:如何打包生成多页面的文件 

要点:入口多js文件

实例化多个htmlWebpackPlugin , 使用 chunk:['main','a'],来指定每个文件各自包含的js文件  

也可使用excludeChunks:['a','b']  除了a.js和b.js

学习webpack记录(三)

学习webpack记录(三)

学习webpack记录(三)

学习webpack记录(三)


问题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

学习webpack记录(三)

学习webpack记录(三)

学习webpack记录(三)

配置wabpack.config.js

学习webpack记录(三)

解析:需要在根目录下增加一个.babelrc文件,指定es6语言转化为那个版本

include 里面包含需要解析的js存在范围,极大缩端打包时间,依赖babel-loader

运行的结果

学习webpack记录(三)



相关文章: