0.0.8 • Published 4 years ago
vue-cli-plugin-jzy v0.0.8
VUE-CLI custom preset
preset.json: 包含 preset 数据的主要文件(必需)。
index.js: 一个可以注入或是修改项目中文件的 Generator。
prompts.js 一个可以通过命令行对话为 generator 收集选项的 prompts 文件。
template: 模板文件,里面的文件会直接被拷贝到项目中(其中有使用 ejs 模板引擎)
公共配置
1.自定添加git hooks 配置;
2.项目生产环境部署子路径配置:
- 自动修改vue.config.js中 publicPath配置;
3.微前端路径配置;
- 自动修改vue-router base 路径和set-public-path.js;
- 自动修改vue.config.js 文件配置;
- 自定添加子应依赖配置;
4.免去配置webpack,自动添加webpack 标准打包配置,包括:
混淆配置;
压缩配置(gzip、br);
文件内容压缩配置(删除空白内容);
- 生成依赖统计信息;
5.添加normalize.css;
6.自动添加 vue-cli 3.*环境配置文件:
- .env.development
- .env.production
- .env.test
7.src/config 下添加 api.js 和 oauth.js 文件
- api.js 为接口配置文件
- oauth.js 为路由守卫逻辑配置文件(包括nprogress);
8.添加common.css 用于重置css 变量;
9.添加 src/utils/storageUtil.js 文件(localstorage 加密);
10.添加 vuex-persistedstate 用户持久化vuex 内存缓存;
11.添加网络请求库(web fetch api)
@jzy/request-client": "^0.0.4",
// 如果自研库不稳定可使用阿里 umijs 团队的库;
// https://github.com/umijs/umi-request
// "umi-request": "^1.3.4"
12.修改生成环境打包配置为modern 模式;
13. web-mobile 类型项目viewport 配置
13.其他配置文件
- browserslistrc
- 。。。
ToC
自动添加 Nut-UI 组件库(依赖+按需引入配置插件);
使用viewport (vw、vh 的等单位进行适配);
ToB
自动添加ant-design-vue 组件库(依赖+按需引入配置插件)
TODO-LIST
1.文件修改防重处理;
2. "web-mobile" 类型可选择添加 rem 配置信息;
3. vue filter ;
4. 项目模板文件;
5. lint 、prettier 规则配置;
开发环境
vue create local-demo
cd local-demo
npm install --save-dev file:D:\project\jzy\js\components\vue-cli-preset
vue invoke vue-cli-plugin-jzy
生产环境
vue add jzy
注意事项
1.仅能使用npm 安装依赖!!! 项目根目录下不能存在yarn.lock 文件!!! 否则无法正常安装依赖; 2.添加并运行插件前,请提交代码;