hiroki giisyu

webpack2にBootstrap4を入れる

Bootstrap4を試しに使ってみていた。CDNからWebpackに移行しようと思ったら、やはりひとしきり迷った。

日付

2017/06/22

環境　

webpackで複数のHTMLを出力したい。

参考:

webpackではtemplateにhtmlファイルを指定できるが、そのhtmlをモジュール化したかった。（とりあえず暫定。。）

まずwebpackではtemplateにhtml以外のファイルを使うことが出来る。

参考:

AWSのs3やcoudFrontなどのサービスを使うと、安く全世界にCMSを使って静的ファイルを公開できると聞いて触ってみました。結果としてはめんどくさかったです。awsのいちサービスを知れて良かったというのはあるかもしれない。

以下はS3+CloudFrontで静的サイト作ってみて躓いたポイントのメモです。

参考文献は公式のS3のチュートリアルがまず一番だと思います。検索すると、やってみた系の記事はヒットするのですが、簡略化されていたりで、あまり良くなかったです。（この記事もそうなんで気をつけてね）

	git remote add fork_master レポジトリ
	git checkout -b update
	git fetch fork_master
	git merge fork_master/master
	git add .
	git commit -m
	git checkout master
	git merge update

	npm install --save jimp
	node
	var Jimp = require("jimp");
	Jimp.read("画像パス" , (err,lenna)=>{if(err)throw err;lenna.crop(0,0,32,48).quality(100).write("出力パス");})