https://github.com/fumi-sagawa/gulp-webpack-template-html

gulp・webpack・babel のプロジェクトテンプレート
https://github.com/fumi-sagawa/gulp-webpack-template-html

Last synced: 3 days ago
JSON representation

gulp・webpack・babel のプロジェクトテンプレート

• Host: GitHub
• URL: https://github.com/fumi-sagawa/gulp-webpack-template-html
• Owner: fumi-sagawa
• Created: 2021-05-01T03:26:50.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-05-03T07:23:26.000Z (over 3 years ago)
• Last Synced: 2024-11-05T14:26:13.281Z (about 2 months ago)
• Language: SCSS
• Homepage:
• Size: 943 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
gulp・webpack・babel のプロジェクトテンプレート

### 使い方

`git clone`

`npm install`

`npx gulp`

### 概要

gulp ベースの scss,js バンドルテンプレートです。

src フォルダにて作業すると dist にコンパイル後のファイルが格納されます。

scss フォルダは FLOCCS ベースとなっています。

### 機能一覧

- scss->css

- html

  - `src= hogehoge/img` を`src="./img/に変更`(pug の画像参照ルート解決のため)

- 画像圧縮

- js バンドル

- object-fit イメージ prefix,polyfill 付与

- その他 pacake.json 参照

### 参考文献

以下を参考に構築しました。

この場を借りて御礼申し上げます。

https://qiita.com/KazuyoshiGoto/items/3059c99330cdc19e97ad

https://www.radia.jp/archives/1190

https://glatchdesign.com/blog/gulp-webpack-babel/

https://qiita.com/tonkotsuboy_com/items/2d4f3862e6d05dc0bea1

https://qiita.com/koedamon/items/92c986456e4b9e845acd

### 備考

vulnerability が出た場合はこちらを参照ください。

https://zenn.dev/mizuki/articles/1b958248024875