use-on-demand

use-on-demand

只要轻量的维护，就可以保持10年不过时（20年不敢说）。

只要轻量的维护，就可以保持10年不过时（20年不敢说）。

只要轻量的维护，就可以保持10年不过时（20年不敢说）。

只要轻量的维护，就可以保持10年不过时（20年不敢说）。

只要轻量的维护，就可以保持10年不过时（20年不敢说）。

1.1 远程npm使用方式

1. 【TS库】，直接使用

2. 【组件库】

   1. 需要加入【babel-plugin-import】插件的配置，使其能对【use-on-demand】按需导入。
   2. 每个库组件，需要在【main.js】中，提前用【Vue.use】加载。
      1. 目前，尚不清楚，支持 或 不支持【业务组件中import，然后放到components选项】的这种形式？？？？？？

   3.需要注意，有可能需要【import 'use-on-demand/lib-cp/style/index.css'】导入样式，也有可能不需要？？？？？？

3.其它的一些地方： 1.使用【npx check-peer-dependencies】工具，来检查【peerDependencies】的对齐。

1.2 常见问题

1.报错【Error: ENOTEMPTY: directory not empty, rmdir 】

     1.需要升级到【 Node.js 12.10.0】，或以上。

2.报错【Cannot find module 'duplicate-package-checker-webpack-plugin'】

     1.需要检查，【npm link】和【npm link use-on-demand】设置是否正确。

3.在【/example】里面的测试组件，都不应该使用【@lib-cp】的external方式。

     1.原因是，这样更方便于开发；减少更新时间。

2.1 本地开发调试方式

1. 将该仓库，Clone下来，执行【npm link】

2. 在其它业务仓库，导入库

   1. dependencies里，加入【"use-on-demand": "github:hanshou101/use-on-demand#master"】
   2. 执行【npm link use-on-demand】，以链接到本地库。

3. 加入【postinstall】钩子

   1. 在每次【install】之后，自动再将【npm link use-on-demand】绑定。

4. 在【服务端发包】的【build】指令之前，安装最新依赖

   1. 【npm install github:hanshou101/use-on-demand#master】

5. 需要注意，以上步骤，需要为【npm】添加【unsafe操作权限】

   1. 新建【.npmrc】文件。
   2. 添加【unsafe-perm = true】语句。

6. 需要注意，因为【npm link 库】时，【webpack】会默认去解析【TS库】中的代码并编译；这会导致错误，所以我们要关闭：

   1. 在【chainWebpack】中，加入【config.resolve.symlinks(false); // 解决【npm link】时，webpack解析错误的问题。】

【Vue Cli 4】test-vue-cli-4

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your unit tests

npm run test:unit

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.