Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

vue-cli-plugin-puzzle

grace592527MIT0.3.2-0

vue cli plugin to add some config of work

vue, vue-cli

readme

: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"> 增加对网络请求的支持

MIT