banner

React+webpack学习日记

首先,先别看其它的什么教程了,如果你的英语能力与我差不多,都是很差的,直接先看官方推荐的中文翻译教程:

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的配置,开发版输出。

不能保证这个内容是最新的,但是目前可用的。

react-webpack.jpg

阅读: 9763
在同意共创许可协议(CC BY-NC-SA-4.0)的前提下,您可以转载本文。
橙色阳光
https://oss.so/article/67

相关阅读

留言评论

8条留言
小C博客
前来学习!!
小城
值得学习!值得学习!
群贤网
最近很喜欢滑动解锁评论,不知道能不能弄到zblog上来
旗杆网
技术流,我轻轻地路过
themebetter
我们网站的博客导航已添加了贵站,欢迎去看看
朴人博客
技术流啊,博主是前端?
themebetter
看来学好英语还是很重要的
天兴工作室
不明觉厉的东西要点赞!