├── .eslintignore
├── .eslintrc.js
├── .gitignore
├── LICENSE
├── README.md
├── jest.config.js
├── package-lock.json
├── package.json
├── postcss.config.js
├── src
├── assets
│ └── meta.png
├── index.html
├── index.test.ts
├── index.ts
└── styles
│ └── index.css
├── tailwind.config.js
├── tsconfig.json
├── webpack-prod.config.js
└── webpack.config.js
/.eslintignore:
--------------------------------------------------------------------------------
1 | dist
--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
1 | /* eslint-env node */
2 | module.exports = {
3 | env: {
4 | node: true,
5 | jest: true
6 | },
7 | extends: ['plugin:@typescript-eslint/recommended', 'eslint:recommended'],
8 | parser: '@typescript-eslint/parser',
9 | plugins: ['@typescript-eslint'],
10 | root: true
11 | };
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | dist
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2021 CodeWithAhsan
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # TypeScript Webpack Tailwind CSS Starter
2 |
3 |
4 |
5 |
11 | TypeScript Webpack Tailwind CSS Starter
12 | Code With Ahsan
13 |
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/src/index.test.ts:
--------------------------------------------------------------------------------
1 | import { greet } from "./index"
2 |
3 | describe('greeter', () => {
4 | it('should return the message from the method', () => {
5 | const message = greet();
6 | expect(message).toBe('Hello World from Code with Ahsan!')
7 | })
8 | })
9 |
--------------------------------------------------------------------------------
/src/index.ts:
--------------------------------------------------------------------------------
1 | import "./styles/index.css";
2 |
3 | export const greet = () => {
4 | return "Hello World from Code with Ahsan!";
5 | }
6 |
7 | const main = () => {
8 | console.log(greet());
9 | };
10 |
11 | main();
12 |
--------------------------------------------------------------------------------
/src/styles/index.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 |
5 | body {
6 | }
7 |
--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | content: ["./src/**/*.html", "./src/**/*.{js,jsx,ts,tsx}"],
3 | darkMode: "media",
4 | theme: {
5 | extend: {
6 | colors: {
7 | transparent: "transparent",
8 | current: "currentColor",
9 | "light-grey": "#E5EEE5",
10 | purple: "#7652C6",
11 | },
12 | },
13 | },
14 | variants: {
15 | extend: {},
16 | },
17 | plugins: [],
18 | };
19 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "outDir": "./dist/",
4 | "sourceMap": true,
5 | "noImplicitAny": true,
6 | "module": "es6",
7 | "target": "es5",
8 | "jsx": "react",
9 | "allowJs": true,
10 | "moduleResolution": "node"
11 | }
12 | }
--------------------------------------------------------------------------------
/webpack-prod.config.js:
--------------------------------------------------------------------------------
1 | const config = require("./webpack.config");
2 |
3 | module.exports = {
4 | ...config,
5 | mode: "production",
6 | };
7 |
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | const path = require("path");
2 | const CopyPlugin = require("copy-webpack-plugin");
3 |
4 | module.exports = {
5 | entry: "./src/index.ts",
6 | mode: "development",
7 | devServer: {
8 | watchFiles: ["src/**/*"],
9 | },
10 | module: {
11 | rules: [
12 | {
13 | test: /\.tsx?$/,
14 | use: "ts-loader",
15 | exclude: /node_modules/,
16 | },
17 | {
18 | test: /\.css$/i,
19 | include: path.resolve(__dirname, "src"),
20 | use: ["style-loader", "css-loader", "postcss-loader"],
21 | },
22 | ],
23 | },
24 | resolve: {
25 | extensions: [".tsx", ".ts", ".js"],
26 | },
27 | plugins: [
28 | new CopyPlugin({
29 | patterns: [
30 | { from: "src/index.html", to: "index.html" },
31 | { from: "src/assets", to: "assets"}
32 | ],
33 | }),
34 | ],
35 | output: {
36 | filename: "bundle.js",
37 | path: path.resolve(__dirname, "dist"),
38 | clean: true,
39 | },
40 | };
41 |
--------------------------------------------------------------------------------