: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

• [ ] 增加对多页的支持
• [ ] 增加对网络请求的支持

:copyright: License

MIT