# vue_webpack

**Repository Path**: lxk_1993/vue_webpack

## Basic Information

- **Project Name**: vue_webpack
- **Description**: vue with webpack
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-01-12
- **Last Updated**: 2021-04-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

[TOC]

## Vue_Webpack

[Vue+Webpack打造todo应用](https://www.imooc.com/learn/935) 学习记录

---

## Preview
![show.gif](https://gitee.com/lxk_1993/vue_webpack/blob/master/show.gif)

---

## 环境
* `npm` 版本 `6.14.10`

---


## 运行项目
* `git clone https://github.com/103style/vue_webpack.git`

* `cd vue-webpack`

* `npm install`

* `npm run dev`


---

## 依赖版本
```
"dependencies": {
    "vue": "^2.6.12"
},
"devDependencies": {
    "@babel/core": "^7.12.10",
    "autoprefixer": "^10.2.1",
    "babel-helper-vue-jsx-merge-props": "^2.0.3",
    "babel-loader": "^8.2.2",
    "babel-plugin-syntax-jsx": "^6.18.0",
    "babel-plugin-transform-vue-jsx": "^3.7.0",
    "babel-preset-env": "^1.7.0",
    "cross-env": "^7.0.3",
    "css-loader": "^5.0.1",
    "file-loader": "^6.2.0",
    "html-webpack-plugin": "^4.5.1",
    "mini-css-extract-plugin": "^1.3.3",
    "postcss-loader": "^4.1.0",
    "style-loader": "^2.0.0",
    "stylus": "^0.54.8",
    "stylus-loader": "^4.3.2",
    "url-loader": "^4.1.1",
    "vue-loader": "^15.9.6",
    "vue-loader-plugin": "^1.3.0",
    "vue-template-compiler": "^2.6.12",
    "webpack": "^4.46.0",
    "webpack-cli": "^3.3.10",
    "webpack-dev-server": "^3.11.1"
}
```

---

## babel相关的配置
修改 `.babellrc` 为 `babel.config.json`

`babel` 相关的版本：
```
"@babel/core": "^7.12.10",
"babel-helper-vue-jsx-merge-props": "^2.0.3",
"babel-loader": "^8.2.2",
"babel-plugin-syntax-jsx": "^6.18.0",
"babel-plugin-transform-vue-jsx": "^3.7.0",
"babel-preset-env": "^1.7.0",
```

---


### 公众号
公众号： **103Tech**

![wechat](https://gitee.com/lxk_1993/vue_webpack/blob/master/wechat.jpg)