vue和webpack+react打包搭建入门第一课

前端框架发展得如日中天，还有用jq处理前端页面就显得有点落伍了，因此空闲之余，着手研究一下vue框架

1.以前有用过vue开发过但是基于webpack打包那可是一个痛苦，很多依赖，因此这里简化用vue-cli打包工具显示,此链接教程是基于cli2
转载地址：脚本之家
https://www.jb51.net/article/152998.htm

//1.webpack4.x安装方法
npm init -y //package.json文件

1.1 npm install --save-dev webpack
1.2 npm install --save-dev webpack-cli
1.3 webpack.config.config.js配置mode: "development" （不需要制定入口和出口文件默认是src下的index出口是dist下的main
1.4 npm install webpack-dev-serve //安装热更新包并同时在webpack-dev-server --open --port 3000中配置参数
1.5 npm install html-webpack-plugin //实现自动导入index.html文件webpack.json中位置
const path = require('path')
const Htmlwebpack = require('html-webpack-plugin')
const htmlplugin = new Htmlwebpack(
{
template:path.join(__dirname,'./src/index.html'),
filename:'index.html'
}
)

//exports中的参数
plugins: [
htmlplugin
]

1.6 npm install react react-dom -S //安装react相关包 运行时依赖

react脚手架工具

npm install -g create-react-app
create-react-app my-app