【Todo】React入門-Todo製作學習

標籤：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製作學習