:wrench: vue-cli-plugin-puzzle

Vue CLI 3 plugin to add some configurations to your Vue Project for Puzzle-idea's developers.See Official Website for basic configuratuin instructions.

:star: Features

简单的图片压缩
发布与预发布环境分离
基于750宽设计稿，通过vw(设计稿尺寸)，自动换算vw

:rocket: Getting Started

If yon don't have a project created with Vue CLI 3:

vue create my-vue-app

Install the plugin into your project:

cd my-vue-app
vue add puzzle

:hammer: 内置命令

非逻辑性代码检查（自动修复）

npm run lint
# OR
yarn lint

向预发布环境打包
- 代码将被打包到根目录的a04文件夹中
- 资源路径为相对路径
- 带vConsole调试工具

npm run build:test
# OR
yarn build:test

向生产环境打包
- 代码将被打包到根目录的dist文件夹中
- cdn前缀由相应env文件中的VUE_APP_CDN变量控制
- 去除vConsole调试工具

npm run build
# OR
yarn build

:clipboard: Env variables

production作用于生产环境 development作用于本地开发环境 staging作用于预发布环境

VUE_APP_CDN 用于定义静态资源的cdn前缀
VUE_APP_DEBUG 用于控制vConsole存在与否

:white_check_mark: TODO

<input disabled="" type="checkbox"> 增加对多页的支持
<input disabled="" type="checkbox"> 增加对网络请求的支持

:copyright: License

MIT

Package detail

vue-cli-plugin-puzzle

readme