[B! webpack] akkyingのブックマーク

akkying id:akkying

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

小さく始めるVue.jsユニットテスト環境 - Qiita
はじめに Vue.jsにおけるユニットテストの情報源としてはじめに参照すべきなのは公式ドキュメントです。単体テスト - Vue.js ここでは、セットアップ方法についてはテストツールのドキュメントに委譲しています。詳しいセットアップについては、各テストツールのドキュメントを確認して下さい。モダンなJavaScript開発の常として、複数のツールを組み合わせた環境のセットアップが必要になります。ゼロから作るアプリケーションなら、vue-cliでvue init webpackすれば、テスト周りのセットアップもやってくるので問題ありません。しかし、既存の（テストのない）JavaScriptアプリケーションにVue.jsを導入しようとしている場合、このアプローチは取れません。本記事では、Vue.jsのユニットテスト環境をゼロから構築する方法を解説します。なお、本記事のコードは下記Gi
akkying 2018/10/29
Vue.js

テスト

webpack
リンク
Vue.js ではじめるシングルページアプリケーションの開発 - HDE BLOG
Vue.js は JavaScript フレームワークです。ウェブアプリケーションのユーザーインターフェイス開発を支援する様々な仕組みを提供します。管理画面はもちろん、HTMLエディタのようにユーザの入力に対して即応性が必要なアプリケーションを簡単に作ることができます。例えば、テキストエリアに文字を入力すると、デザインしたページの特定のDIV要素がリアルタイムに更新されるといったデータ反映の仕組みを備えています。また、JavaScript で大規模なユーザーインターフェイスの開発を行う場合、HTMLファイルのテンプレート化、 JSファイルの依存関係、グローバル変数汚染など様々な課題に直面します。 Vue.js は、コンポーネントという仕組みと Webpack というモジュール管理ツールと組み合わせることで、これらの課題にうまく対処できるようになっています。今まで jQuery
akkying 2018/10/29
Vue.js

webpack
リンク
webpack(vue-cli)は何をしてくれるものなのか - やわらかVue.js
webpackは「バンドラー」と呼ばれるもの複数のJSファイルを一つにまとめるもの依存関係にあるJSファイルを結合して、一つの「build.js」というJSファイルを出力するようなイメージ webpackの動作を見てみよう vue-cliはこのwebpackを使う際の設定なども出力してくれる雛形作成ツール内部的には、cli-serviceというライブラリを使っているこれがwebpackをラップして隠蔽しているついでに.vueファイルをコンパイルするにあたっての標準的なデフォルト設定も渡してくれる .vueファイルを処理してくれる仕組み webpackは、拡張子ごとにプラグインに渡すことで「前処理」みたいなことをしてくれる .vueファイルは、JSでそのまま読み込める形にコンバートする必要があるそれをやってくれるのが、vue-loaderというwebpackのプラグイン処理後の
akkying 2018/10/23
webpack

Vue.js
リンク
require()とは何か？何が便利なのか - Qiita
などとついていますが、このrequire()ってよくわからない。具体的には、どうやって使えばいいの？普通にscriptタグで読み込む場合とどう違うの？「require」でググっても英和辞典とかしかでないんだけど！ということでざっと調べてみました。 require()とは何か？ commonJS 以下、要約そもそもの発端は、「Javascriptって良いよね。ブラウザ以外（ServerSide）でも使おうぜ」ということからだったらしいです。しかし、scriptタグで読み込むこと前提だったので、HTMLがない（レンダリングエンジンがない）場合に外部ライブラリを参照する方法がない。。。（さらに言えば、FileやNetwork、標準入出力など色々と不便。）これじゃ困るということで、ServerSideの標準仕様を定めたのがcommonJS。その中で外部ライブラリを参照する方法が
akkying 2018/08/24
nodejs

webpack
リンク
npmとwebpack4でビルド - jQueryからの次のステップ - Qiita
むずかしくないJavaScriptのやさしい話　デモチュートリアルこのチュートリアルは、#ndsmeetup8 で発表した内容のデモの手順をまとめたものです。 jQueryをscriptタグ挿入で使っているような開発者向けの内容です。 npmとwebpackでビルドをするという使い方の提案です。発表内容はこちら。 http://www.slideshare.net/fbcivic/javascript-ndsmeetup8 ※発表当時はwebpack1についての記事でしたが、webpack1→webpack2→webpack3→webpack4と記事を更新しています。 webpack3までの古い解説はこちら（基本的なことなのでほとんど変わりませんが、webpack4でwebpack-cliが必要になったり設定ファイルの記述が変わりました）事前準備 nodejsをインストールしてくだ
akkying 2018/08/24
npm

webpack
リンク
1