How to Use Amplify Studio Figma Connector with Clojurescript

1

Webpack

Const path = require("path"); Const webpack = require("webpack"); Const HtmlWebpackPlugin = require("html-webpack-plugin"); Const HtmlBeautifierPlugin = require("html-beautifier-webpack-plugin"); Module.exports = { mode: "development", entry: "./target/index.js", output: { path: path.resolve(__dirname, "public"), filename: "js/libs/bundle.js", clean: false, }, devtool: "source-map", module: { rules: [ { // docs: https://webpack.js.org/configuration/module/#resolvefullyspecified test: /\.m?js/, resolve: { fullySpecified: false, alias: { models: "../src/amplify/models/index.js", "ui-components": "../src/amplify/ui-components", }, }, }, { test: /\.jsx$/, exclude: /node_modules/, use: ["babel-loader"], }, ], }, resolve: { extensions: ["", ".js", ".jsx"], }, plugins: [ new webpack.ProvidePlugin({ process: "process/browser", }), new HtmlWebpackPlugin({ template: "./public/index.html.tmpl", filename: "index.html", }), new HtmlBeautifierPlugin(), ], };.

#Web Application Bundler #JS Build Tools #Module Bundler 219 social mentions

2

React

Reagent (CLJS wrapper around React) for building your user interface.

#Javascript UI Libraries #JS Library #JavaScript Framework 775 social mentions

3

ClojureScript

Clojurescript (The whole point of this article!).

#Personal Finance #Financial Planner #Android 17 social mentions

4

Babel

Babel Used by webpack to convert JSX to JS.

#Development Tools #Javascript UI Libraries #JavaScript Framework 134 social mentions

5

AWS Mobile Services

Amplify Studio and all the related AWS Amplify tooling.

#Developer Tools #Realtime Backend / API #App Development 77 social mentions