node.js - Electron 需要神秘

Question

我正在使用 Electron 1.5。

在渲染过程中，我尝试了三种不同的 react 方式。所有的工作，这真让我感到困惑。谁能解释？

我已直接在window.html中使用react

<script src="./node_modules/react/dist/react.js"></script>
<script src="./node_modules/react-dom/dist/react-dom.js"></script>

我已经从window.html中删除了它，并将其放在window.js中。

require('react'); require('react-dom')

我已经从window.js和window.html中都删除了它，并且仍然可以正常工作。

我将es2016预设使用Babel来处理以下JSX文件:

(counter.js)正在window.html中读取

<script src="jsx/Counter.js"></script>

Counter.jsx

class Welcome extends React.Component {
  render() {
    return <h1>Hello Again, {this.props.name}</h1>;
  }
}

class CountWidget extends React.Component {
  render() {
    return (
      <div>
        <h1>{this.props.value}</h1>
        <button onClick={this.props.onIncrement}>+</button>
        <button onClick={this.props.onDecrement}>-</button>
      </div>);
  }
}

我不使用任何 bundle 器或构建器，而只是通天塔。

{
  "version": "0.1.0",
  "name": "index",
  "main": "main.js",
  "license": "MIT",
  "repository": {
    "url": "https://gitlab.draper.com/ysg4206/NodeWork.git",
    "type": "git"
  },
  "dependencies": {
    "jquery": "^3.1.1",
    "react": "^15.4.2",
    "react-dom": "^15.4.2",
    "react-redux": "^5.0.2",
    "redux": "^3.6.0",
    "redux-devtools": "^3.3.2",
    "redux-devtools-extension": "^1.0.0",
    "t7": "^0.3.2"
  },
  "devDependencies": {
    "babel-cli": "^6.22.2",
    "babel-preset-env": "^1.1.8",
    "babel-preset-es2016": "^6.22.0",
    "babel-preset-es2016-node5": "^1.1.2",
    "babel-preset-react": "^6.22.0",
    "devtron": "^1.4.0",
    "electron": ">=1.4.15",
    "electron-devtools-installer": ">=2.0.0",
    "electron-packager": "^8.5.1"
  },
  "babel": {
    "sourceMaps": "inline",
    "presets": [
      "react",
      "es2016-node5"
    ]
  }
}

Answer 1

看着太多的Javascript代码使我眼前一亮。我正在使用Visual Studio Code，它具有插入注释功能(CTRL-/)或SHFT-ALT-A

但是它将javascript样式注释插入到我的HTML文件中

// <script src="./node_modules/react/dist/react.js"></script>
// <script src="./node_modules/react-dom/dist/react-dom.js"></script>

什么都不做。谜团已揭开。非常感谢你们，你很棒@ num8er，等等。

我将把它作为bug提交给vscode的人们。