mkdir src

touch package.json index.html webpack.config.js src/app.js

Add lines to package.json { "name": "amplify-js-app", "version": "1.0.0", "description": "Amplify JavaScript Example", "dependencies": { "@aws-amplify/api": "latest", "@aws-amplify/pubsub": "latest" }, "devDependencies": { "webpack": "^4.17.1", "webpack-cli": "^3.1.0", "copy-webpack-plugin": "^4.5.2", "webpack-dev-server": "^3.1.5" }, "scripts": { "start": "webpack && webpack-dev-server --mode development", "build": "webpack" } }

npm install

Add lines to index.html

Welcome to the Amplify Framework

Add data

Add lines to webpack.config.js const CopyWebpackPlugin = require('copy-webpack-plugin'); const webpack = require('webpack'); const path = require('path');

module.exports = { mode: 'development', entry: './src/app.js', output: { filename: '[name].bundle.js', path: path.resolve(__dirname, 'dist') }, module: { rules: [ { test: /.js$/, exclude: /node_modules/ } ] }, devServer: { contentBase: './dist', overlay: true, hot: true }, plugins: [ new CopyWebpackPlugin(['index.html']), new webpack.HotModuleReplacementPlugin() ] };

npm start