1

e95d1bde · wildfirecode · 572b9b35 · e95d1bde · e95d1bde · e95d1bde
Commit e95d1bde authored Jun 04, 2020 by wildfirecode
Hide whitespace changes
Inline Side-by-side

Showing with 3 additions and 14 deletions

index.html index.html +0 -2

package.json package.json +3 -2

Hello.tsx src/components/Hello.tsx +0 -2

webpack.config.js webpack.config.js +0 -8

No files found.
--- a/index.html
+++ b/index.html
@@ -7,11 +7,9 @@
    <body>
        <div id="example"></div>
-        <!-- Dependencies -->
        <script src="./node_modules/react/umd/react.development.js"></script>
        <script src="./node_modules/react-dom/umd/react-dom.development.js"></script>
-        <!-- Main -->
        <script src="./dist/main.js"></script>
    </body>
 </html>
\ No newline at end of file
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
  "description": "",
  "main": "webpack.config.js",
  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "start": "webpack-dev-server --config webpack.config.js --open"
  },
  "repository": {
    "type": "git",
@@ -20,7 +20,8 @@
    "ts-loader": "^7.0.5",
    "typescript": "^3.9.3",
    "webpack": "^4.43.0",
-    "webpack-cli": "^3.3.11"
+    "webpack-cli": "^3.3.11",
+    "webpack-dev-server": "^3.11.0"
  },
  "dependencies": {
    "react": "^16.13.1",

--- a/src/components/Hello.tsx
+++ b/src/components/Hello.tsx
@@ -2,8 +2,6 @@ import * as React from "react";
 export interface HelloProps { compiler: string; framework: string; }
-// 'HelloProps' describes the shape of props.
-// State is never set so we use the '{}' type.
 export class Hello extends React.Component<HelloProps, {}> {
    render() {
        return <h1>Hello from {this.props.compiler} and {this.props.framework}!</h1>;

--- a/webpack.config.js
+++ b/webpack.config.js
 module.exports = {
    mode: "production",
-    // Enable sourcemaps for debugging webpack's output.
    devtool: "source-map",
    resolve: {
-        // Add '.ts' and '.tsx' as resolvable extensions.
        extensions: [".ts", ".tsx"]
    },
@@ -20,7 +18,6 @@ module.exports = {
                    }
                ]
            },
-            // All output '.js' files will have any sourcemaps re-processed by 'source-map-loader'.
            {
                enforce: "pre",
                test: /\.js$/,
@@ -28,11 +25,6 @@ module.exports = {
            }
        ]
    },
-    // When importing a module whose path matches one of the following, just
-    // assume a corresponding global variable exists and use that instead.
-    // This is important because it allows us to avoid bundling all of our
-    // dependencies, which allows browsers to cache those libraries between builds.
    externals: {
        "react": "React",
        "react-dom": "ReactDOM"