webpack+react环境搭建

webpack+react环境搭建


安装webpack:(安装前要安装node---node怎么装自行百度)

1.全局安装webpack     npm install webpack --g

2.安装到自己项目        npm install webpack --save-dev

3.es6解析器  npm install babel-loader babel-preset-es2015 babel-preset-react --save-dev   (试了半天不好使)

继续在自己项目中安装react依赖

1.安装jsx编译  npm install jsx-loader --save-dev (其他有需要时候安装)

2.安装react依赖  npm install react --save-dev

3.安装react-dom npm install react-dom --save-dev

下面2项不是需要安装的,在webpack启动时候输入的命令

2.webpack --watch    不用每次都输入在控制命令里输入webpack(修改保存后自动编译)

3.webpack -p 对合并出来的进行打包压缩


第一次发布这种文章,给自己以后学习记忆一下,不对也希望大家指出来

有什么问题,也可以提出来一起学习讨论

你可能感兴趣的:(webpack+react环境搭建)