背景 最近做的项目需要开发插件功能，要求可以从服务器上加载，那就需要加载动态组件。但是所有需要加载的组件都是动态获取和实例化的，需要作为插件加载进来。那么这些插件如何打包为单独的js文件呢？由于项目用的vue-cli 脚手架，发现了构建目标 ...

概述 webpack 作为目前最主流的代码打包工具，他提供了一整套的前端项目模块化方案，而不仅仅是局限于对JavaScript的模块化。 通过webpack提供的前端模块化方案，我们就可以很轻松的对我们前端项目开发过程中涉及到的所有的资源进 ...

记录日期：2020.9.12 版本："vue": "^3.0.0-0" 第一步：安装vue-cli npm install -g @vue/cli 检测是否安装成功 vue -V: $ vue -V @vue/cli 4.5.6 第二步 ...

搞前端开发这几个工具命令都会用到，介绍下这几个工具的用处及之间的关系。 nrm: 描述： nrm(npm registry manager )是npm的镜像源管理工具，有时候国外资源太慢，使用这个就可以快速地在 npm 源间切换。 使用： ...

一、修改项目结构 当前结构 修改后结构 将原来的 src 目录，修改成 examples 新建 packages 文件夹，用来存放后续的组件 二、修改配置 项目启动默认入口是 src/main.js，第一步已将 src 文件名改成 exam ...

背景 Taro是继Wepy、Mpvue之后，为解决终端碎片化问题的又一框架 Taro安装 Taro 是一个基于 NodeJS 多端统一开发框架，在安装使用 Taro 之前需要确保已安装好 Node 环境。 Node安装 通过官网：https ...

版本管理 package.json 中添加如下 scripts + "release:patch": "npm version patch && git push && git push --tags", + "release: ...

使用react脚手架：create-react-app 新建一个react项目，如下： create-react-app projectName 新建成功 整个过程大概也就3-5分钟的样子，安装完成后，我们可以看到可以使用一些yarn命令， ...

背景 在开发快应用时，少不了构建操作：npm run build（官方 IDE 集成了这些操作，本质上也是调用同样方法）。这是因为快应用有自己的 DSL 语法，直接写出来，在底层不能识别，需要把业务代码编译成底层能运行的代码（感兴趣的同学， ...

构建内容 源代码预编译：比如 less、sass、typescript； 图片优化、雪碧图(CSS Sprite)生成； JS、CSS 合并、压缩； 静态资源加版本号和引用替换； 静态资源传 CDN 等。 项目目录结构 client ├── ...