# vue-webpack-todo

**Repository Path**: hongjunyong/vue-webpack-todo

## Basic Information

- **Project Name**: vue-webpack-todo
- **Description**: 慕课-Vue+Webpack打造todo应用（todo基础）
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-04-23
- **Last Updated**: 2021-03-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-webpack-todo

## 项目介绍
Vue+Webpack打造todo应用


## 项目安装
    npm init
    npm install webpack vue vue-loader
    npm install css-loader vue-template-compiler
    npm install style-loader url-loader file-loader
    npm install stylus-loader stylus
    
    // 可以在在package.json加入
    // "dev": "webpack-dev-server --config webpack.config.js"
    npm install webpack-dev-server
    
    // 不同平台上设置环境变量是不一样的
    npm install cross-env
    
    // 把html抽取出来
    npm install html-webpack-plugin
    
    npm install postcss-loader autoprefixer babel-loader babel-core
    npm install babel-preset-env babel-plugin-transform-vue-jsx
    npm install babel-helper-vue-jsx-merge-props babel-plugin-syntax-jsx
    npm install stylus-loader
    
    把css从js文件抽取出来
    npm install extract-text-webpack-plugin
    
## 在package.json加入
        "build": "webpack --config webpack.config.js"
        
    {
        // vue也可以写js代码
      "presets": [
        "env"
      ],
      "plugins": [
        // 转换vue里的js
        "transform-vue-jsx"
      ]
    }