Lemenxzy / vue-webpack4-template

为练习Jenkins docker CI/CD,一个webpack4搭建的vue模板， postcss, less ,自动生成html，优雅的错误提示

webpack4 VUE通用模板

目的

一个脚手架模板，并且尝试完成了 jekins docker 自动构建等

介绍

本模板支持特点功能如下：

• webpack版本升级 => webpack3 ---> webpack4

• 仿vue-cil，dev下 错误信息 友好显示 , 显示在游览器中

• dev环境下和 build 环境下公用一个html模板，自动生成对应的 script 标签

• karma 单元测试

• postcss 兼容

• eslint 代码检测工具

• precommit 代码提交审核

• lint-staged 自动 eslint 规则修复 等

• karma 覆盖率检测，生成本地 html 代码检测报告

• ...

Bug 联系人: 许智源

安装

npm install

使用

dev环境使用

npm run dev

生产环境使用

npm run build

karma测试

npm run karma

• 新开命令行

npm run test

代码结构目录结构说明

├─ build   (webpack相关配置)
│ |– webpack.base.config.js
│ |- webpack.dev.config.js
│ |- webpack.prod.config.js
│ |- webpack.test.config.js
│– coverage   (karma测试报告)
│ |– html
│ | |– index.html
│- node_modules
│- src   (主目录)
│- test   (karma单元测试脚本)
│-|- unit
│-|-|- *.spec.js
│-.eslintignore
│-.eslintrc.js   (eslint配置文件)
│-index.html   (模板)
│- karma.config.js   (karma配置文件)
│- package.json
│- postcss.config.js   (postcss配置文件)
│- README.md