随笔分类 - WEBPACK
WEBPACK相关知识点
摘要：一直以来更多的是进行单页面开发。但在与其他同行的交流中，发现多页面项目也是业务的一种需求，趁着今天有时间，今天搞了一下。 多页面的配置，自然也可以根据路由的mode分为hash和history模式。 先说本人更熟悉的hash模式。 一，多页面要有多个入口 默认使用vue-cli 2初始化的项目，需要
阅读全文
摘要：一直以来我的观点是学习的产物一定有两样东西：一样是正向的知识体系，也就是教程；一类是逆向训练的产物也就是试卷、练习题。 一直到最近看到阮一峰老师的GitHub，上面一直还有几年前的webpack-demos，虽然webpack已经快到5了。于是有了自己写体系性demos的想法。 我的GitHub的w
阅读全文
摘要：业务背景：公司需要在内网做一个H5的活动页，然后这个任务分配到我这。 业务场景：内网App下webview，需要兼容各种手机，安卓和Ipad和Ios，高版本和低版本。 整体过程实现并不难，难得是怎么去兼容。这个也是解决了兼容性问题之后总结的。 开发过程虽然遇到一些棘手的问题但都被App那边解决了。之
阅读全文
摘要：这里的架构方案是基于vue-cli2生成的项目应用程序产生的，是对项目应用程序或者项目模板的一些方便开发和维护的封装。针对单页面的解决方案。 主要有四个方面： 一，不同环境下的分别打包 主要是测试环境和开发环境，修改package.json文件 同时修改webpack.prod.conf.js文件
阅读全文
摘要：最近在读《变量》，目前得到的认知之一：慢变量才是决定事物长期发展的因素。 打算自定义vue-cli的脚手架或者根据自己的需要设置项目模板的相关参数，很大程度与慢变量这个概念相关。 当然，我还有一个想法或者认知：我的技术方向不是成为技术大神，而是成为快速开发app的高手，准确的说是高效开发App的高手
阅读全文
摘要：基本原理要么不进行打包；要么缓存文件，不进行打包；要么加快打包速度。 不进行打包方案： 1，能够用CDN处理的用CDN处理，比如项目引入的第三方依赖jquery.js，百度编辑器 先进行打包或者缓存然后引入到项目中不进行打包的 1，采用webpack插件：webpack.DllReferencePl
阅读全文
摘要：闲来无事在原来简单打包案例的基础上，参考vue-cli的打包代码，改为多文件打包。 区别于上篇文章《webpack打包多html开发案例》，此次打包根据开发的不同环节进行打包，也就是有开发阶段的打包和devServer代码。 也有build阶段的代码。 同时在具体的功能上，除了实现了多文件的打包。还
阅读全文
摘要：简单说明: 1，案例没有使用devserver，所以不能实时查看 2，案例是将src下面的html、css、js分别进行处理 3，多html的规律是需要有多个entry，每个html一个entry，当然可以采用Esm模块化规则，同时需要新建多个HtmlWebpackPlugin 根据是否分离css文
阅读全文
摘要：webpack、gulp、grunt是前端打包功能工具；因为已经学习了gulp，而最近发现webpack很火，于是着手学习webpack。本篇是webpack学习笔记系列的第一篇，欢迎指教。 我是从慕课网以及官网文档相结合的方式学习的，从官方文档学到的第一个知识点是在使用webpack打包过程中，即
阅读全文
浙公网安备 33010602011771号