# webpack5-vue2-template

**Repository Path**: jackzhoumine/webpack5-vue2-template

## Basic Information

- **Project Name**: webpack5-vue2-template
- **Description**: webpack5 + vue2 单页应用模板
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-05-28
- **Last Updated**: 2021-05-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# webpack5 + vue2 项目模板

## jsx 的支持

```bash
npm install  babel-plugin-syntax-jsx  --save-dev  // babel对jsx语法支持
npm install  babel-plugin-transform-vue-jsx   --save-dev // 将jsx装换成vue的函数调用
npm install  babel-helper-vue-jsx-merge-props  --save-dev // 对jsx属性进行merge
npm install  babel-preset-es2015   --save-dev // es6语法支持
```

babel 插件添加：`'transform-vue-jsx'`。

## 参考

[webpack Tutorial: How to Set Up webpack 5 From Scratch](https://www.taniarascia.com/how-to-use-webpack/)

[How to setup a vue project with webpack.](https://dev.to/lavikara/setup-vue-webpack-and-babel-boo)