vue-cli-plugin-tq-tpl

vue-cli-plugin-tq-tpl

配合 @vue/cli 3.0 通过插件快速生成前端项目模版.

目录

• 使用
• 指令
• 其他

使用

安装插件

$ vue add tq-tpl

安装依赖

$ npm install

vue add tq-tpl 后会默认执行了 npm install 进行依赖安装

指令

normal/screen

• npm run serve 启动本地服务
• npm run build 构建打包

framework

• npm run serve 启动本地服务
• npm run framework 构建打包基座项目

本地开发模式下，可以访问/dev路由，进入子应用本地联调模式

module

• npm run serve 启动本地服务
• npm run module 构建打包子应用项目
• npm run dev:module 启动本联调模式

本地开发模式下，可以访问/dev路由，进入子应用本地联调模式

template-env

• npm run serve 启动本地服务
• npm run preview 构建打包模版项目

template-env 类型的项目推荐在push到仓库后带入构建好的资源，方便支持预览相关功能，因此该模式下的项目也不推荐做的厚重

其他

注入环境变量

 $ npm run [build/framework/module] -- --app_env='{"DNS_CODE": "test"}'

根据devServer的proxy配置生成nginx.conf

 $ npm run build -- --port=8181 --root=/home/8181/mnt/dist

指令对应的环境变量

 $ npm run build // NODE_ENV: production
 $ npm run framework // NODE_ENV: framework
 $ npm run module // NODE_ENV: module