码迷,mamicode.com
首页 > 其他好文 > 详细

【Todo】React入门-Todo制作学习

时间:2016-10-28 20:18:40      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:file   scss   制作   内容   config   npm   css   ade   net   

http://www.oschina.net/news/75530/9-things-every-reactjs-beginner-should-know

react.js入门学习

 

但是我直接看的这个:

http://www.reqianduan.com/2297.html

先在文中的github页面下载了包

https://github.com/YikaJ/react-todos

解压后,把package.json拷贝到代码目录。

然后运行 npm install 安装依赖库。

 

安装好之后,把git目录里面的local db目录,放在node_modules目录里面。

 

需要配置webpack,把webpack.config.js拷贝到目录。

内容如下:

‘use strict‘;
var path = require(‘path‘);

module.exports = {
    entry: [
        "./src/entry.js"
    ],
    output: {
        path: path.join(__dirname, ‘out‘),
        publicPath: ‘./out/‘,
        filename: "bundle.js"
    },
    externals: {
        ‘react‘: ‘React‘
    },
    module: {
        loaders: [
            { test: /\.js$/, loader: "jsx!babel", include: /src/},
            { test: /\.css$/, loader: "style!css"},
            { test: /\.scss$/, loader: "style!css!sass"},
            { test: /\.svg$/, loader: "url?limit=8192"}
        ]
    }
};

 

【Todo】React入门-Todo制作学习

标签:file   scss   制作   内容   config   npm   css   ade   net   

原文地址:http://www.cnblogs.com/charlesblc/p/6008930.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!