Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationWhat you can do with signing up
始めはただSassをビルドしたかった... 困ったこと、やりたかったこと sassをビルドする記事はあるけど...compass?grunt?gulp?webpack? Windows/Mac/Linux でも動く環境を作りたい。 JavaScriptもビルドしたい。 一つのファイルにまとめたい。 JavaScriptもES6を書きたい。 SourceMapを出力したい。 ヘッダーやフッター、メニューなどの共通化したい。全部のファイルを修正したくない。 ファイルが変更されたら... SassやJavaScriptは自動でビルドしたい。 ブラウザもファイル変更を検知してリロードさせたい。 ブラウザのキャッシュが残らないようバージョニング対策したい。 クリーンなHTML/CSSを書きたい。 ブラウザ特有のベンダープレフィックスは自動で付与したい。 使っていないスタイルは除去したい。 本番用のフ
Automatically load modules instead of having to import or require them everywhere. new webpack.ProvidePlugin({ identifier: 'module1', // ... }); or new webpack.ProvidePlugin({ identifier: ['module1', 'property1'], // ... }); By default, module resolution path is current folder (./**) and node_modules. It is also possible to specify full path: const path = require('path'); new webpack.ProvidePlugin
まえがき この記事は Webpack を使って単一ファイルコンポーネント(Single File Component)の Vue アプリケーションを作るチュートリアルです。 公式の日本語ドキュメントはかなりしっかりしています。 しかし、vue-cli を使わない通常の開発フローに沿ったチュートリアルや、単一ファイルコンポーネントの使い方等、実際に使うにあたって必要な情報がかなり少ないです。 本記事ではその部分のカバーをすることを目的とします。 対象読者は フロントエンド開発の知識がある(JS や CSS のコンパイル等) npm を用いた開発フローをある程度知っている Vue.js の名前くらいは知っている 最近の Javascript がある程度書ける くらいの人を想定しています。 つくるもの このチュートリアルでは、Vue.js を使ったカウンターアプリを作ります。 JS ファイルのビ
Discussion 1. CommonJS は tree shaking されない ※追記、修正あり すべてのモジュールバンドラーが、 import { isEqual } from 'lodash'; を tree shaking できませんでした。これは、 CommonJS は静的に解析することができない困難または不可能(2018/06/15 修正)なためです。 例えば、 ES Modules の import, export に対応する CommonJS の require、 exports は、それぞれ以下のように動的に書くことが許容されています。 require const fooOrBar = require(Math.random() < 0.5 ? 'foo' : 'bar'); exports for(const name of ['foo', 'bar']) { ex
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community. Pick a username Email Address Password Sign up for GitHub By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails. Already on GitHub? Sign in to your account
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community. Pick a username Email Address Password Sign up for GitHub By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails. Already on GitHub? Sign in to your account
フロントエンドのビルド(webpack)に関わる部分でパフォーマンス改善を考える時に、 現状を可視化するため、いくつかプラグインを使ってみましたので、軽く紹介したいと思います 可視化したい対象は以下の2つです ・webpackの速度改善の為、遅いloaderやpluginを知りたい ・バンドルファイルのサイズを減らしたいので、バンドルファイル内の各パッケージがどのくらいの容量を占めているか知りたい 今回分析に使ったコードはこちらです https://github.com/kurosame/vuejs-boilerplate 遅いloaderやpluginを知りたい speed-measure-webpack-plugin
Im getting this error at running webpack TypeError: Cannot read property 'thisCompilation' of undefined at ExtractTextPlugin.apply (C:\Paginas Web\Oricao\node_modules\extract-text-webpack-plugin\dist\index.js:183:20) at Compiler.apply (C:\Paginas Web\Oricao\node_modules\tapable\lib\Tapable.js:375:16) at webpack (C:\Paginas Web\Oricao\node_modules\webpack\lib\webpack.js:33:19) at processOptions (C:
Features Export and import name strings in them wasm are mangled Unused exports in wasm are removed (Tree Shaking) Don't expect size improvements yet since there is not minimizer for WASM yet which does the Dead Code Elimination, which is the second part for this optimization Direct WASM dependencies are enforced for: functions imports with i64 parameters or return values memory and table imports
本書は、基本的なJavaScriptの知識がある方を対象に、フロントエンド開発には必須といえる「webpack」の基本を解説。本文を5つのPartに分けて、サンプルコードとともに詳しく紹介しています。 「そもそもwebpackとは?」といった概念の説明や、よく使うポイントに絞った解説で、webpackを短期間でマスターできる一冊になっています。 担当編集者からのコメント WINGSプロジェクト刊行のKindle電子書籍、6冊目です。 隙間時間にサクッと学べる手軽本をコンセプトとした「速習シリーズ」を、これまで「速習 Vue.js」「速習 ECMAScript 6」「速習 TypeScript」「速習 ASP.NET Core」と4冊送り出してきました。おかげさまで、いずれもご好評いただき、今回はその速習シリーズの第5弾「速習 webpack」となります。 内容は、フロントエンド開発には欠か
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く