Corredor

ウェブ、プログラミングの勉強メモ。

2020-11-28 : このブログは2020年末をもって更新停止する予定です。
2021年以降は Neo's World (https://neos21.net/) で記事を公開していきますので、今後はコチラをご覧ください。
このブログの記事は2021年以降、Neo's World に順次移行していきます。元記事および本ブログは移行次第削除する予定です。

Webpack

Webpack 入門 その3:Babel による ECMAScript のトランスパイル・TypeScript のトランスパイル

Webpack を勉強しながら Browserslist の効果を確認するシリーズ企画第3弾。 今回は初めに ECMAScript を Babel でトランスパイルしつつ、Browserslist の効果を確認。さらにその後、TypeScript もトランスパイルできるようにしてみる。 使用するツールと適…

Webpack 入門 その2:SCSS のトランスパイル・Autoprefixer による Browserslist 参照

前回に引き続き、Webpack を利用して色々トランスパイルしつつ、Browserslist の効果を確認していく企画。前回の記事の続きなので未見の方はソチラを先にドウゾ。 また、最終成果物のコードは以下の GitHub リポジトリで公開しているのでコチラもドウゾ。 gi…

Webpack 入門 その1:Browserslist の概要把握・Webpack 環境構築

Browserify おじさんとしてモダン・フロントエンド界隈に入門した後、Gulp おじさんになって久しい今日この頃。Angular CLI や Vue CLI などを通じて Webpack をなんとなく触ってはいたが、自分でゼロから環境構築したことはなかったので、今回やってみるこ…

Vue CLI で作ったアプリのバンドルサイズを分析する Vue CLI Plugin Webpack Bundle Analyzer

Vue は Webpack でバンドル処理を行うので、Webpack Bundle Analyzer を組み込める。 Vue CLI で作ったプロジェクトの場合、コレを簡単に仕込める Vue CLI Plugin Webpack Bundle Analyzer というプラグインが存在する。 GitHub - mrbbot/vue-cli-plugin-web…

JavaScript のモジュール管理の仕組みをおさらいする:TypeScript をトランスパイルして HTML 上で利用するための前段

tsc を利用して TypeScript をトランスパイルする素振り環境を作ってみた。最初はコンソール上でコンパイルした JS ファイルを $ node example.js のように動かして満足していたのだが、コンパイルした JS ファイルを HTML で読み込んで動かそうとしたら、im…

Angular ライブラリを AoT コンパイルした上で Uglify する方法は?

速習TypeScript: altJSのデファクトスタンダートを素早く学ぶ! 速習シリーズ作者: 山田祥寛出版社/メーカー: WINGSプロジェクト発売日: 2017/06/21メディア: Kindle版この商品を含むブログを見る TypeScript実践プログラミング Programmer's SELECTION作者:…