devlog

主に web 開発とかプログラミングについて書きます

初学者向けに画面操作で Webpack4 の設定ファイルを生成するWebpack4 Config Generatorをリリースしました

Production 🎉

Webpack4 Config Generator

f:id:nkgr:20180605061734p:plain

github.com

What is Webpack4 Config Generator ❓

  • 画面からクリックだけで webpack.config.js の元を作成できる
  • JS [ react , Vue ] , CSS [ Sass , PostCSS , CSS ] を組み合わせて可
  • 生成した ソースをクリップボードにコピー可能
  • webpack.cofig.js を使う時に必要な npm modules の一覧化しているので yarn か npm でワンライナーでインストールできる

動機 🤔

  • プロジェクト新規作成時に 0 から作るのにググってコピペするのは面倒
  • 初学者向けにCLIではなく画面操作で作成できるものを作りたかった
  • 自分自身のWebpackMATERIAL-UI の勉強
  • Webpack Config Generator という既存サービスがあるが Webpack4 に対応していないのと react だけでなくVue , Sass , PostCSS にも対応したかった

利用した技術要素 🔧

  • magarial-ui 1.1.0
  • react 16.4.0
  • Github Pages

参考URL 🔧

webpack

Material-UI

Webpack Config Generator

以上、おしまい。