摘要: startServer 1. 要做的事 在imooc-build start命令中. 要做的事情 子进程启动 webpack-dev-serve服务. 以下是子进程启动原因 方便重启, 解决配置修改后, 无法重启的问题 避免主进程受影响, 万一子进程启动失败,报错了,不能影响主进程.可以让主进程再启 阅读全文
posted @ 2024-11-27 19:55 下辈子当座桥-李飞 阅读(38) 评论(0) 推荐(0)
摘要: 脚手架设计 参考项目 G:\webpack-learn\my-cli 1. 为什么需要脚手架 脚手架 提供 创建项目, 项目运行, 项目框架, 项目打包, 项目发布,等一系列能力,提升研发效率, 简化复杂流程 2. 当在命令行里输入vue create app发生了什么 会找到vue对应的可执行文件 阅读全文
posted @ 2024-11-27 19:55 下辈子当座桥-李飞 阅读(28) 评论(0) 推荐(0)
摘要: 1. webpack5的解构代码打包方式 针对下面文件进行打包. // moduleA export default { a: 1, } // index.js import moduleA from "./moduleA"; console.log("hello webpack", moduleA 阅读全文
posted @ 2024-11-27 19:54 下辈子当座桥-李飞 阅读(61) 评论(0) 推荐(0)
摘要: 项目打包构建优化 优化项目: vue3-elm-master 方法 查找并诊断性能瓶颈 构建速度分析: 影响构建性能和开发效率. speed-measure-webpack-plugin 构建体积分析: 影响页面访问性能 webpack-bundle-analyzer 构建性能优化常用方法: 通过多 阅读全文
posted @ 2024-11-27 19:53 下辈子当座桥-李飞 阅读(28) 评论(0) 推荐(0)
摘要: vue2升级vue3 针对 ../vue3-elm-master项目升级做的解析, 该项目目前是webpack@1, vue@2. 1. vue2的缺点,vue3的优势. vue2的劣势 vue2的组件代码复用是用mixin, 容易出现命名冲突, 且无法解决业务逻辑的复用. vue2的mixin代码 阅读全文
posted @ 2024-11-27 19:52 下辈子当座桥-李飞 阅读(74) 评论(0) 推荐(0)
摘要: webpack 1. package.json命令启动配置环境变量 cross-env是一个用于跨平台设置和使用环境变量的脚本工具, cross-env NODE_ENV=online就是设定NODE_ENV的值是"online". 在webpack.config.js里可以通过process.en 阅读全文
posted @ 2024-11-27 19:52 下辈子当座桥-李飞 阅读(62) 评论(0) 推荐(0)
摘要: webpack功能 1. 配置全局变量 使用webpack自带的 providePlugin, 可以配置全局变量. { plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: "jquery", }) ] } 2. 多入口打包 多入口打 阅读全文
posted @ 2024-11-27 19:51 下辈子当座桥-李飞 阅读(51) 评论(0) 推荐(0)