逆引きWebpackの使い方 - Qiita
cloudpack あら便利カレンダー 2017 10日目の記事です。 最近はもっぱらWebpackです。 gruntがあんまり好きになれず、その後にきたgulpでしばらくやってましたが、 昨年からはもっぱらWebpackを使うようになりました。 npmに公開されているライブラリをモジュールとして扱いやすかったり、 JSフレームワークをつかったSPAサイトのソースコンパイルがしやすかったりと最近のフロントエンド開発を行うにはなにかと便利なツールです。 ただ実際開発に利用するとなると何かとこれはどうするの？ってのが出てくるので逆引き的に使えるようなリストを書きました。 基本公式サイトにのってる内容になります。 Webpack公式 ざっくり知っときたいけど、英語の公式読むの面倒ってかたの役に立てばいいなーと思います。 出力するファイルをわける、名前を指定する まずは基本編。 const pat
webpackチートシート - Qiita
フロントまわりのツールは群雄割拠してる感がすごくて手を出せずにいたのですが、Rails5.1 で gem webpacker が導入されたこともあってwebpack/yarn構成に魅力を感じています。 今どきのモジュール/パッケージ管理したいので、まずはwebpackです。 概要 webpack = JavaScriptファイルのバンドラ モジュール単位に分離されたjsファイルをひとつのjsファイルにまとめる(バンドルする) 結合の過程で、jsファイルの依存関係を解決する CommonJS, AMD, ES6 Moduleなど復数のモジュールシステムに対応する 競合はrequire.js(依存解決), browserify(バンドル)など オープンソース, MITライセンス 導入 npmでインストールする。 プロダクション環境ではバンドルした状態で配置するわけなので、開発環境のみを指定する
webpack2 でのコード分割 (Code Splitting) について調べる - Qiita
// モジュール解決する基本的な部分が差し込まれる // ... // ... /******/ function __webpack_require__(moduleId) { /******/ // Check if module is in cache /******/ if(installedModules[moduleId]) { /******/ return installedModules[moduleId].exports; /******/ } /******/ } // ... // ... // それが終わると、自分が書いたモジュールが差し込まれる /******/ ([ /* 0 */ /***/ (function(module, exports) { module.exports = () => { console.log("This is Lib") } /
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
