jackmiwamiwa devblog

フロントエンドをメインに行ったことをまとめていくサイトになります。

webpack

webpackでjsのオプション・配置場所をカスタマイズする

既存だと出力時にbodyの下に <script src="/assets/js/bundle-e57c2548e14548c673e0.js"></script> headの下に <link href="/assets/css/bundle-e57c2548e14548c673e0.css" rel="stylesheet"> のように出力されるので、出力される場所の変更・ハッシュ値の変更などを行う 既存の状態 変更前のhtml <html lang="ja"> <head> </head></html></link>

Gulpで動いている既存のプロジェクトをWebpackのみに変更する

個人用のプロジェクトでのビルドを「gulp + webpack」からwebpackのみに変更したので、その時に対応したことのメモです。 環境 pug stylus TypeScript gulpファイルを消そうと思った理由 1. 自分の環境ならwebpackのみで変換できる gulp上で行っていることが…

pug + stylus + gulp + webpack技術選定・行っていること

使っている言語 pug 理由 htmlの閉じタグを書くのが面倒(エディタによっては補完してくれるものもあるけど。) 記載の行数・記載量が少なくて済む。(emmetとかでの補完もあるけど。) .sample サンプル <div class="sample"> サンプル </div> ↑簡単な例 閉じタグが何回も続いてしまうと関…