https://github.com/isystk/webpack5-template
Webpack5のテンプレートです。Typescript・Sass・ESLint・Prettier
https://github.com/isystk/webpack5-template
eslint prettier sass typescript webpack5
Last synced: 3 months ago
JSON representation
Webpack5のテンプレートです。Typescript・Sass・ESLint・Prettier
- Host: GitHub
- URL: https://github.com/isystk/webpack5-template
- Owner: isystk
- License: mit
- Created: 2022-07-25T10:18:48.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2022-07-26T09:16:32.000Z (almost 3 years ago)
- Last Synced: 2025-01-10T13:53:02.639Z (5 months ago)
- Topics: eslint, prettier, sass, typescript, webpack5
- Language: SCSS
- Homepage:
- Size: 436 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🌙 webpack5-template
## 📗 プロジェクトの概要
Webpack5 のサンプルアプリケーションです。
### 利用している技術
- Webpack5
- Sass
- Typescript
- ESLint
- Prettier
## 🌐 Demo
https://isystk.github.io/webpack5-template/
## 📦 ディレクトリ構造
```
.
├── LICENSE
├── README.md
├── dist
├── node_modules
├── package.json
├── src
│ ├── assets
│ ├── blog.html
│ ├── company.html
│ ├── index.html
│ └── ts
├── tsconfig.json
├── webpack.common.js
├── webpack.dev.js
├── webpack.prod.js
└── yarn.lock
```
## 💬 インストール
```
$ node -v
v16.13.1
$ npm install -g yarn
$ yarn
```
## 🖊️ 使い方
```bash
# 開発環境用にビルドする
$ yarn dev
# 開発環境用にビルド結果をブラウザで表示する
$ yarn start:dev
# 本番環境用にビルドする
$ yarn dev
```
## 🔗 参考
| プロジェクト| 概要|
| :---------------------------------------| :-------------------------------|
| [最新版TypeScript+webpack 5の環境構築まとめ](https://ics.media/entry/16329/)| 最新版TypeScript+webpack 5の環境構築まとめ|
## 🎫 Licence
[MIT](https://github.com/isystk/webpack5-template/blob/master/LICENSE)
## 👀 Author
[isystk](https://github.com/isystk)