webpack_demo: PC端项目需要考虑SEO, 现阶段的解决方案很多, 比如vue技术栈的nuxt, React技术栈的next, 也可以用express, koa,egg 直接上服务端渲染, 但是,作为一名合格的前端程序员, Jquery是不能忘记的, 搜遍全网, 开源的webpack+jquery+bootstrap工程模板有很多,但是大多都不符合自己的代码风格,于是乎,就有了现在的一个模板,

# webpack5 + jquery配置的一个多页面多入口工程

## 版本 
+ "webpack": "^5.54.0"
+ "jquery": "^1.12.4"

安装依赖
```bash
$ npm i
```
开发
```bash
$ npm run dev
```

打包
```bash
$ npm run build
```

## 新建页面
+ 步骤一. `src/pages`下新建页面文件夹`about`(必须)
+ 步骤二. 在 `about`文件夹子下新建页面`about.html`(必须)
+ 步骤三. 在 `about`文件夹子下新建页面入口文件`about.js`(必须)
+ 步骤四. 页面自己的js,样式文件,等文件可以放到该页面的文件夹(非必须)

## 功能

1. 集成了scss, less,可直接使用,在入口文件引入即可,例如:
```js
// pages/index/index.js
import "@/common/scss/common.scss";
```

2. 配置了路径解析
`@` 代表src目录
`~pages` 代表pages目录

3. 生产环境下移除了所有console

4. 集成了dayjs,用于处理时间日期,用法同moment
```javascript
// 页面入口文件
import dayjs from 'dayjs';
```
5. 加入了ua-device,用于网站数据上报

6. 添加自动添加浏览器兼容性前缀功能

7. 引入了bootstrap@3.4.1版本

8. 添加了请求发送等信息

```

小李/webpack_demo

简介

发行版

贡献者

近期动态

小李/webpack_demo .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

小李/webpack_demo