安装全局react
A.sudo npm install -g react 1.初始化项目架构 npm init => 生成package.json文件 2.本地生成 独立 react-webpack 环境 => sudo npm install webpack --save-dev 3. 本地存储文件编译出来的数据 =>创建文件夹app,build=> 生成build文件夹>bundle.js 指向浏览器编译的文件还没编译的文件目录 要编译的文件目录
webpack app/app.js build/bundle.jsmoudule.exports={
entry:__dirname+'/app/app.js',
output:{
path:__dirname+'/build',
filename:'bundle.js'
}
}"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build":"webpack-dev-server"
"build":"webpack-dev-server content-base build --inline --hot"
},
ES5 变成ES6 , jsx 变成 ES5 , less 变成 css, sass变成 css , 全部靠loaders
0. 安装babel => 安装排名必须第一"babel": "^6.23.0",
"babel-core": "^6.23.1",
"babel-loader": "^6.3.2",
"babel-preset-es2015": "^6.22.0",
sudo npm install --save-dev react@15.4.2
sudo npm install --save-dev react-dom@15.4.2
3.安装style-loader =>sudo npm install --save-dev style-loader@0.13.2
點擊查看更多內(nèi)容
2人點贊
評論
評論
共同學(xué)習(xí)，寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持，我會繼續(xù)努力的～
掃碼打賞，你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃，即可進(jìn)行掃碼打賞哦