ESModules プラットフォームとエコシステムの狭間で | poteboy

2024/07/08 10 users ESModules 狭間 Webpack プラットフォーム

一定の規模以上のWebアプリケーションにおいて、JavaScriptを開発時のままの形で配信することは滅多にありません。webpackやRollupなどのバンドラを使用して、ファイルをまとめた上で配信することが一般的です。 ESModulesが普及しバンドル工程なしでも主要ブラウザがJavaScriptのモジュールを直接解釈できるようにはな... 続きを読む

2023-10-10のJS: Rollup 4.0.0、Viteの今後(Rustify Vite)、pnpm v8.9.0

2023/10/10 15 users パーザ SWC acorn vite JSer.info

JSer.info #664 - Rollup 4.0.0がリリースされました。 Release v4.0.0 · rollup/rollup Node.js 14/16のサポート終了、Acornの代わりにSWCをパーサに使うように変更されています。 SWC利用に伴うオプションの削除や非推奨なオプションの削除などが含まれています。 Viteの現在と今後についてがViteConfで発表されていま... 続きを読む

TypeScript/Rollup/Vercelでサクッとブックマークレットを作ってみよう - Adwaysエンジニアブログ

2023/05/26 13 users TypeScript Vercel ブックマークレット

こんにちは。エンジニアブログ運営の梅津です。 普段はエージェンシー事業部でリードアプリケーションエンジニアとして働いています。 エンジニアブログ運営としてブログの質を向上させるために、これまでのブログの情報を集めたりもするのですが、これを逐一手作業で行うのは大変です。 ある程度の作業は自動化したい。... 続きを読む

Prettier のサイズを減らすテクニック

2022/03/19 28 users Prettier モジュールバンドラー esbuild 影響

実は先日リリースした Prettier 2.6 では前のバージョンである 2.5.1 と比べてバンドルサイズが 3MB ほど減っています。 Prettier 2.5.1 のサイズ(20.0MB) Prettier 2.6.0 のサイズ(16.9MB) リリースブログで言及したとおり Prettier 2.6 ではモジュールバンドラーを Rollup から esbuild に移行したので、その影響かと... 続きを読む

GitHub - originjs/vite-plugin-federation: Module Federation for vite & rollup

2022/01/15 8 users GitHub filename Plugins vite

Usage The main steps in using federation are: Step 1: change the configuration for a Vite project, in vite.config.js: import { defineConfig } from 'vite' import federation from "@originjs/vite-plugin-federation"; export default defineConfig({ plugins: [ federation({ name: 'module-name', filename:... 続きを読む

Native ESM 時代のフロントエンドビルドツールの動向

2021/03/09 111 users Native ESM 動向 Webpack vite 時代

No Bundle ツールの流行: vite / rollup モダンブラウザは Native ESM を備えているので、開発時は高速な localhost アクセスを頼って直接 import する、外部ライブラリだけ事前にコンパイルしておく、という手法が流行ってきている。プロダクション用は今まで通りビルドする。 webpack はすべてを一つにバンドルするた... 続きを読む

Rails に Babel と Rollup を組み込んで CoffeeScript を JavaScript に段階的に移行した話 - クックパッド開発者ブログ

2021/02/12 12 users Babel Rails CoffeeScript 青沼 一環

こんにちは。技術部クックパッドサービス基盤グループの青沼です。当グループではクックパッドのレシピサービスを支える web アプリケーションの改善を進めています。今回はフロントエンドの改善の一環として、 Babel と Rollup を Rails のアセットパイプラインに組み込み、レガシーな CoffeeScript ファイルを ES2015+... 続きを読む

Release v1.0.0 · rollup/rollup · GitHub

2018/12/29 17 users GitHub Release v1.0.0

2018-12-28 Breaking Changes Several (mostly deprecated) options have been removed or renamed (#2293, #2409): banner -> output.banner dest -> output.file entry -> input experimentalCodeSplitting -> now always active experimentalDynamicImport -> now always active experimentalPreserveModules -> pres... 続きを読む

JavaScriptを劇的に教えやすくするWebサーバ作りました - Qiita

2016/07/16 433 users Qiita Babel Sass Gulp Webpack

近年、JavaScriptでコードを書こうとすると、お膳立て7割、コード書き3割みたいな事態がざらにあります。「お膳立て」の例としては、Gulp, Babel, Sass, PostCSS, WebPack, Rollup, Browserifyほか数限りなく。 たしかに、一旦フロントエンド開発に慣れてしまえば、お膳立てにかける時間は短縮することが可能です。でも、これを初学者に強いるのはツラすぎる... 続きを読む

2015-10-25のJS: ESLint入門、ECMAScriptとは何か?、rollupとES6 modules - JSer.info

2015/10/25 31 users extends ECMAscript Qiita エディタ

JSer.info #250 - ESLint v1.7.0がリリースされました。 .eslintrc内に"extends": "./foo.js"と書くことでJavaScriptファイルを継承出来るようになっています。 また、JavaScript - ESLint 最初の一歩 - Qiitaという記事では、ESLintの使い方、設定方法、エディタ、ES6関連のルールについてなどが紹介されています... 続きを読む