基于webpack的react的环境项目搭建

Posted yaomengli

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了基于webpack的react的环境项目搭建相关的知识,希望对你有一定的参考价值。

安装node js 

npm config set registry ‘http://registry.npm.taobao.org‘

npm config list 可以查看配置

npm install webpack -g 全局安装webpack

npm install webpack --save-dev 对单个项目进行webpack的安装;

mkdir react-webpack 创建目录;

cd react-webpack 切换到该目录下

npm init 自定义创建package.json

npm init -yes 可以创建默认的package.json

3.添加依赖包级插件

npm install webpack --save-dev

npm install react react-dom --save-dev 安装react --save命令用于将包添加至package.json文件

npm install babel-loader --save-dev

npm install babel-preset-es2015 --save-dev

npm install babel-preset-react --save-dev

以上是关于基于webpack的react的环境项目搭建的主要内容,如果未能解决你的问题,请参考以下文章

基于webpack的React项目搭建

基于webpack的React项目搭建

试着用React写项目-利用Webpack搭环境

手动用webpack-chain 搭建移动端react环境

手动用webpack-chain 搭建移动端react环境

手动用webpack-chain 搭建移动端react环境