webpack+react 环境
Posted 流光易逝
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack+react 环境相关的知识,希望对你有一定的参考价值。
0, node+npm
1,npm install webpack -g
2,npm install webpack-dev-server -g
3,npm install react react-dom --save
4,npm install jquery --save
5,npm install babel-core babel-loader babel-preset-es2015 babel-preset-react --save-dev //es6
6,npm install url-loader file-loader --save-dev //img
7,npm install css-loader style-loader --save-dev //css
目录:
webpack.config.js:
var path = require(‘path‘);
module.exports = {
entry: path.resolve(__dirname, ‘src/app.js‘),//源文件目录
output: {
path: path.resolve(__dirname, ‘build‘),//构建目录
filename: ‘bundle.js‘
}
}
以上是关于webpack+react 环境的主要内容,如果未能解决你的问题,请参考以下文章
react看这篇就够了(react+webpack+redux+reactRouter+sass)