xproj-track v0.0.1

webpakc-demo1

demo of webpack

technology

webpack，node, vue, eslint

使用淘宝镜像

• npm install -g cnpm --registry=https://registry.npm.taobao.org

• cnpm install vue --save-dev

• 注： vue-loader版本>=14太高，就需要在plugins中声明，否者打包出错

• 项目地址 https://github.com/ZhangRuyi0528/webpack-demo1

• npm i 安装依赖包
• npm run dev 运行项目
• open file => webpack-demo1/html/index.html

安装 eslint

• npm i eslint
• eslint --init
• eslint package.json include 'eslint-plugin-vue@latest, eslint-config-eslint,

•   essential@latest, vue-eslint-parser',

• global,test: eslint --ext .js,.vue + (/dir)

• pre-commit: 需安装lint-staged

• husky配置hooks定义

• =》代码检测规范，会访问自身定义的pre-commit脚本

•   :基于eslint规范加入自定义rules

• =》提交规范，会访问自身定义的commitlint.config配置文件

•   引入@commitlint/cli"， "@commitlint/config-conventional

•   栗子:<type>: <subject>

页面配置

• file

•  => lib               外部库

•  => pages             页面层

•  => components        组件

•  => router            路由