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