reactjsでアプリケーション構築した際、 production環境へのデプロイを見据えてwebpack周りの設定を見直したので それをまとめました。 webpack.config.jsのリネームwebpack.configでbabelなコードが書きたかったのでリネーム あわせて、constじゃなくて、importでライブラリを読み込むように変更 リネーム & 書き換え% mv webpack.config.js webpack.config.babel.js// before const webpack = require('webpack');// after import webpack from 'webpack';webpack-mergewebpack-merge webpack.configをマージするためのモジュール。 共通設定ファイルと環境別の設定ファイルをマージするみ

この記事はJavaScript Advent Calendar 2016の記事です。 今回は、2017年、新規にJavaScriptを書くならどんな設計をするか、というテーマで書いてみようと思います。2017年といっても、しばらくはこんな感じのアーキテクチャでやってきましたので、どんな構成でJavaScriptを設計してきたかという方が正しいかもしれません。基本的にはSPAをベースとしています。 また、最新のイケてる技術バリバリ使ってやるぜ、というよりは、堅牢で、はやりが変わってもメンテができるということを意識してみました。 DOMのレンダリング Virtual DOMを代表とした、DOMのレンダリングを行うライブラリをなにか採用します。特に理由がなければReactでいいと思います。Virtual DOMではありませんが、AngularでもDOM管理においてはさほど違いはありません。この2