backstage-management-common v1.0.0

vue-backstage-management

Build Setup

# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 路由懒加载
npm install @babel/plugin-syntax-dynamic-import --save-dev

# 打包时候去掉console打印的信息
npm install babel-plugin-transform-remove-console --save-dev

# gzip压缩 需要服务器在nginx配置里启用gzip
npm install compression-webpack-plugin --save-dev

# 按需加载要安装的插件(根据你支持的环境自动决定适合你的Babel插件)
npm install babel-plugin-component -D
npm i @babel/preset-env -D

# 启动服务
npm run dev

浏览器访问 [http://localhost:8088](http://localhost:8088)

项目结构

.editorconfig EditorConfig（编码样式规范工具）配置文件 (https://www.cnblogs.com/xieqian/p/10045610.html) .env.development 开发环境配置文件 .env.production 生产环境配置文件 .env.staging 测试环境配置文件 .eslintignore eslint校验忽略文件 .eslintrc.js eslint配置文件 .gitignore git忽略指定的文件夹或者文件 .travis.yml 持续集成配置文件 babel.config.js babel配置文件 jsconfig.json TypeScript的配置文件 LICENSE 开源协议 package.json 包说明文件 package-lock.json 锁定安装时的包的版本号(需要上传到git，保证大家的依赖包一致)(https://www.cnblogs.com/wangweizhang/p/10530294.html) postcss.config.js postcss配置文件 README.md 项目说明文件

发布

# 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod

# 预览发布环境效果
npm run preview

# 预览发布环境效果 + 静态资源分析
npm run preview -- --report

# 代码格式检查
npm run lint

# 代码格式检查并自动修复
npm run lint -- --fix