小编ton*_*nes的帖子

我当前的代码在 typescriptlang.org （打字稿游乐场）上运行

我已经阅读了 typeScript 中类型的重要性以及如何在函数中使用它们。然而，我正在努力在此减少方法中添加以下类型：

// Types for car
type Car = {
 name:string,
 age:number,
 registered: boolean
};

// Reduce function to hopefully get the total number of cars that are registered.

function totalRegisteredCars(cars:Car[]) {
 cars.reduce((acc:number , car:Car) => {
    if(car.registered === true ) {
        acc + 1;
    }
 },0);
}

var cars = [
{name:'vw' , age: 30, registered: true},
{name:'vw' , age: 32, registered: true},
{name:'Merc' , age: 25, registered: false},
{name:'bmw' , age: 20, registered: false}, …

我是 React 的新手，我使用 create-react-app 制作了一些应用程序来帮助我入门（随后是大量教程）。我听说我现在需要知道如何在不使用 create-react-app 样板制作器的情况下从头开始创建 React 应用程序。

我知道我必须添加一些部分，例如：

• 反应
• React-dom
• 网络包
• 通天塔

这是我的 package.json 文件中的依赖项列表

"dependencies": {
    "prop-types": "^15.6.1",
    "react": "^16.4.0",
    "react-dom": "^16.4.0"
  },
  "devDependencies": {
    "babel": "^6.23.0",
    "babel-loader": "^7.1.4",
    "babel-preset-env": "^1.7.0",
    "babel-preset-react": "^6.24.1",
    "babel-preset-stage-0": "^6.24.1",
    "html-webpack-plugin": "^3.2.0",
    "webpack": "^3.8.3",
    "webpack-dev-server": "^3.1.4"
  }
}

webpack.config.js

var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    devtool: 'cheap-module-eval-source-map',
    entry: {
        app:'./src/index',
    },
    output: {
        path: path.join(__dirname, 'dist'),
        filename: 'bundle.js',
        publicPath: '/static/'
    },
    plugins: [ …