![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 86
webpack
Strawberry96
balabala 磨人小妖精
展开
-
webpack多页面打包通用方案
这里需要约定每个模块的入口文件都为src下的某个文件夹中的index.js,如:(pageName: './src/pageName/index.js'),模板文件都为index.html。每一次页面跳转的时候,后台服务器都会返回一个新的index.html文档。所谓通用方案就是增加页面不需要修改配置,动态获取entry和设置html-webpack-plugin数量。每个页面对应一个entry,一个html-wenpack-plugin。通过输出看到pagename数组里的第二个位置的值是我们所需要的。原创 2022-09-05 17:16:59 · 1389 阅读 · 0 评论 -
webpack——postcss插件autoprefixer自动补齐CSS3前缀、px自动转换成rem、静态资源内联raw-loader
px2rem-loader 只是以构建的手段将 px 单位转换成了 rem。但是 rem 和 px 的单位计算并不清楚,flexible.js 的作用就是动态的去计算不同设备下的 rem 相对 px 的单位,也就是计算跟元素 html 节点的 font-size 大小。因为设备的分辨率不同,前端需要进行页面适配。因为不同浏览器对css属性的支持成都不同,所以需要补齐前缀来获取不同浏览器的支持。看官方文档的时候,发现和学习视频中书写的有区别,特此记录。3、选择的插件不同,写的方法也不一样。原创 2022-09-01 14:56:19 · 1276 阅读 · 0 评论