ZhangRuyi0528/webpack_track

demo of webpack

JavaScript

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            路由
```