veuify + browserify - Qiitahttp://qiita.com/ayasuda/items/92221229e8f8c65c6f7c のページを見ながら作業して見たら、そのままでは動かなかったので色々調べて見た 作業手順 新規ディレクトリ作成（＋git init） npm init npmでvueとbrwoserifyをインストールする
複数ファイルをbrowserifyするのにgulpを使うのを諦めた話 - Qiita
背景 browserifyは大変便利なコマンドです。 それ自体には、複数ファイルを処理するためのオプションはありません。 gulpとgulp-browserifyを組み合わせて複数ファイルを処理する方法があります。 結論 gulp-browserifyは、既にメンテナンスされていません。 npm scriptでnpm-run-allを使って置き換えました。 npm scriptで置き換え gulp-browserifyの場合 srcディレクトリにあるclient.jsとexecute.jsを変換します。 const gulp = require('gulp') const browserify = require('gulp-browserify') const src = 'src/' const dest = 'dest/' gulp .task('browserify', () =>
React16 最小構成のビルド環境 browserify JSX無し - Qiita
関連記事 ビルドせずに CDN でReactを使いたい場合は、こちらの記事 ・React16 CDN でHelloWorld JSXありなし両方 - Qiita https://qiita.com/standard-software/items/0cdbcdb2a6d6355c946b JSXありで最小構成のビルド環境を作る場合は、こちらの記事 ・React16 最小構成のビルド環境 broserify reactify JSXあり - Qiita https://qiita.com/standard-software/items/781ec3f491f4f1bea7b6 それぞれ参考にしてください。 はじめに 最小構成の React 16 のビルド環境を作ります。 環境は、Windows 。 node.js インストールしておいてください。 インストール 今回は browserify を
browserifyのrequireに指定できるのは文字列リテラルだけ - Qiita
となってしまう 以下によればそういうもんみたいなのであきらめるしかない https://github.com/browserify/browserify/issues/664#issuecomment-35615649 browserify doesn't work with conditional requires and can't be made to work with arbitrary dynamic requires without solving the halting problem first. Do something different instead. This is a dead end. あきらめられなかったので続き → browserify前にrequireのパスを正規表現で置換
WebpackやBrowserifyはどうやってバンドルを作っているのか - Qiita
はじめに WebpackやBrowserifyなどのモジュールバンドラーは最近のWeb開発ではなくてはならない存在ですが、基本的には設定ファイルを書いてコマンドをたたくだけでバンドルができてしまうので、それらがどのようにモジュールの依存関係を解決しバンドルを作成しているのかという裏側の仕組みまで知る機会はあまりないかと思います。 私自身もVue.jsアプリを作っていたりしますが、Webpack周りはvue-cliにお任せしてしまっているので、Webpackについてはあまり詳しくありません。 しかし先日Webpackによるビルドがうまくいかないことがあり、何が原因なのか調べるのにバンドルのソースを確認しようとしたのですが、どこに何が書いてあるのかよくわからず非常に苦労しました。 そんな時にTwitterでminipackというリポジトリを見つけました。 https://github.com/
LineBotで Ethereum の web3.jsを操作する（その２ : ローカルで署名してから送金） - Qiita
var Ether = (function() { /** * コンストラクタでethereumjs-txとethtereumjs-utilを読み込み */ var Ether = function(require) { if(!(this instanceof Ether)) { return new Ether(require); } this.Util = require('ethereumjs-util'); this.Tx = require('ethereumjs-tx'); } Ether.prototype.setChain = function(chain){ switch(chain){ case 'mainnet': return {'node':'https://mainnet.infura.io/[infura.ioのAPI KEY]','api':'https:
React + Webpack を TravisCI で GitHub Pages に自動デプロイ - Qiita
はじめまして。sekinoca です。 今回は React を使って作成した Web ページを TravisCI を使って GitHub Pages に自動デプロイする方法を紹介します。 少し丁寧に説明しすぎた感があるので適宜読み飛ばしてください。 ソースコード 今回の使用するソースコードは以下になってます。 https://github.com/sekinoca/sekinoca.github.io 使ったもの React Redux React Redux Webpack Webpack-serve Material-UI TravisCI リポジトリの作成 Repository name に <username>.github.io と入力し、Public リポジトリとして作成してください。 ＊ <username> の部分は自分の GitHub ユーザー名に置き換えてください。 W
webpack-serve で動的な処理をアドオンする(deprecated) - Qiita
追記: webpack-serve は非推奨になり、 webpack-dev-server の開発が再開しました。ここは webpack-dev-server を使っておきましょう。 とりあえず動かしたい場合は https://qiita.com/ma2saka/items/eb4190a009da9649583c に最低限の設定方法を書いたのでそちらを参照する。 webpack-serve は webpack で開発しながら動的にビルド走らせてサーバで動作確認するためのものと認識している。「ファイルを監視して webpack を適切に実行してブラウザをリロードする」が主な役割。 ただ「本番系では手前にリバースプロキシがいてURLの書き換えやってる」とか「APIサーバが別にいてそっちへのアクセスはモックしたい」とかいろいろ都合があるもので、そのあたりはアドオンとしてカスタマイズする流れにな
Parcel v1.9.0 がリリースされました 🎉 - Qiita
本日、Parcel v1.9.0がリリースされました Parcel v1.9.0 is out! 🚀 🌳 Tree Shaking + scope hoisting for both ES6 and CommonJS modules! 👀 Up to 2x faster file watcher 💵 Cache resolved file names 🔎 Extended resolver for SASS, LESS, and Stylus 🚨 Improved browser error reporter 📝 Read more: https://t.co/6IXWVOkMRC pic.twitter.com/LcdVsKt0RK — Parcel (@parceljs) 2018年6月14日 元記事） 📦 Parcel v1.9.0 — Tree Shaking, 2
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Macでbrowserifyで結合しているとcase-insensitiveなファイル名指定をしても、Macでコケなくて、Linuxに持って行った時にコケる現象が、たまに起きる。これをカジュアルにチェックしたい - Qiita
browserify+babelifyでReactアプリをトランスコンパイルできるシンプルなビルド環境を用意する - Qiita
npm: browserify + jquery + jquery-drawer + iscroll: IScroll is not defined. - Qiita
Browserifyユーザーがwebpackを覚え始めるには - Qiita
React16 最小構成のビルド環境 browserify reactify JSXあり - Qiita
React16 最小構成のビルド環境 browserify babelify JSXあり - Qiita
browserify前にrequireのパスを置換 - Qiita
Webpack Level 3: loaderを追加してjs以外のファイル以外を結合する - Qiita
（強いて言うなら）サーバー・インフラ開発者の、初めてのWebページ開発 その2. HTMLとJavaScriptとの連携 - Qiita
webpack-serveで立てたサーバに外部から接続する(deprecated) - Qiita
webpack-serve v2.0変更点 (deprecated) - Qiita
