タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

webpackに関するsisidovskiのブックマーク (5)

  • なんとなくで理解しないWebpackのCSS周辺 - Qiita

    CSS in JSに夢を見たが、なかなか一筋縄では行かなかったので1、webpackにおけるCSS気で向き合ってみた。 しかしまだ理解が甘いところがあったのでloader, pluginまわりの関係性を整理した。 (前置き)webpackの基礎情報 css関連の題にはいる前に、webpackの基礎を再確認する。 Webpackの特徴 webpackの特徴的な事項として、CSSや画像など、javascriptでないデータも基的に全てをjavascriptで扱ってしまう、という事が挙げられる。 同等の対抗として挙げられるbrowserifyやrollupは、あくまでも「javascriptのmodule解決」にフォーカスしているのに対して、webpackは全く違う方向を向いている loaderとpluginの違い 結構あやふやに扱っていたが、上記のwebpackの基部分を明確にして考

    なんとなくで理解しないWebpackのCSS周辺 - Qiita
  • webpackとRollup:似て非なるもの | POSTD

    先日、Facebookは 膨大なプルリクエスト をReactにマージして、既存のビルドシステムを Rollup ベースのシステムに移行しました。 その結果 、 何人もの人々 から「なぜwebpackではなくRollupを選んだのか」という質問が寄せられました。 これは、もっともな疑問でしょう。 webpack は、近年JavaScriptコミュニティで最も評価されているツールの1つです。毎月のダウンロード数は何百万件にもおよび、何万個ものウェブサイトやアプリケーションに使用されています。巨大なエコシステムがあり、コントリビュータも多くいます。さらにオープンソースプロジェクトとしては珍しく、 かなりの寄付金 が集まっています。 それに比べるとRollupは小規模です。しかしReact以外にも、VueEmber、Preact、D3、Three.js、Momentなど、数々の有名なライブラリに

    webpackとRollup:似て非なるもの | POSTD
  • webpack shimming modulesの訳 – LOG

    補足:shimmingRuby – Shimの意味 by @ironsand on @Qiita webpackがパース出来ないファイルがあります。 それはサポートしていないモジュールのフォーマットかモジュールですらないものです。 したがって、それらのファイルをモジュールに変換するオプションがあります。 USING LOADERSこのページのloaderのサンプルは全てrequireで呼び出されています。これはデモに最適だからです。 requireの代わりにwebpack configで設定を行っても構いません。 loaderの詳しい使い方に関してはUsing loaders(訳した記事あります)を読んでください。 IMPORTINGrequire()を用いてインポートされない依存関係を持っているファイルの時の解決方法 imports-loaderこのloaderはファイルのローカル変数上

  • webpack(v1)とbabelでES6コードをさくっと書く - getalog

    最低限のコストで最近よく聞くいい感じのjsを書きたい時の構成をずらーっと書いてみる 準備するもの node/npm (最近はrbenvクローンのnodenvがいい感じ、操作は同じ) webpack babel .babelrc .babelrcを設置しとくとbabelのデフォルト設定がこいつの中身で書き換わる Reactを使わないなら、presetのreactはいらない export defaultされたパッケージをimportした時に.defaultで引くのを許せるなら、add-module-exportsはいらない(後述) Reactいる { "presets": [ "es2015", "stage-0", "react" ], "plugins": [ "add-module-exports" ] } いらない { "presets": [ "es2015", "stage-0"

    webpack(v1)とbabelでES6コードをさくっと書く - getalog
    sisidovski
    sisidovski 2016/04/06
    export defaultの件つらすぎる
  • webpackを使い倒す - Thujikun blog

    エントリーJavaScript Advent Calendar 2014 7日目の記事になります。 webpackとは 概要については最近いろんな方が書いてるいるのでそちらを参考にしていただければつかめるかと。 全部のせRequireJSっぽいWebpackを使ってみた。 RequireJS等はもう古い。WebPackとは? ようはナウいフロントエンドの依存解決ツールですね。 っていうネタで書こうと思っていたら、昨日yutaponさんが既に書いていたりするので(gulp.jsを使ってフロントエンドのビルドをする【webpack, stylus】)、いいところはパクリ参考にしつつ、もうちょっとwebpackに突っ込んだ内容を書いてみようと思います。 Options entryとoutput 簡単に試すときはentryは1ファイルだけ指定できればよいですが、実際にプロジェクトで使うとなると複

  • 1