
React+webpack学习日记
😂 这篇文章最后更新于1821天前,您需要注意相关的内容是否还可用。
首先,先别看其它的什么教程了,如果你的英语能力与我差不多,都是很差的,直接先看官方推荐的中文翻译教程:
https://fakefish.github.io/react-webpack-cookbook/
教程大多都是2015年版本的,但React和webpack的变化太快了,现有的中文教程中,都是有BUG的。
上面这个教程并不能学完所有的方法,但了解webpack是怎么配置的还是可以的。
好了,这个是随心笔记,不追求大家能看懂,能给部分疑惑的带来帮助就好。
注意,我们需要引入react和es2015
即安装命令:
npm install babel-preset-react babel-preset-es2015 --save
我现在所用的配置:
var path = require('path'); module.exports = { entry: [path.resolve(__dirname,"app/main.js")], output: { path: path.join(__dirname,'build'), filename: "bundle.js" }, module: { loaders: [ { test: /\.(js|jsx)$/, loader: 'babel', query: { presets:['react','es2015'] } } ] } };
这个是build的配置,开发版输出。
不能保证这个内容是最新的,但是目前可用的。