【2019年05月現在】Webpack4でVue.js単一ファイルコンポーネントの作り方 - Qiita
yarn init -y yarn add -D webpack webpack-cli vue vue-loader vue-template-compiler vue-style-loader css-loader babel-loader @babel/core @babel/preset-env # または、 npm init -y npm i -D webpack webpack-cli vue vue-loader vue-template-compiler vue-style-loader css-loader babel-loader @babel/core @babel/preset-env . ├ src/ │ ├ components │ │ └ Btn.vue │ ├ App.vue │ └ index.js ├ .babelrc ├ index.html ├ pa
npm installしたパッケージの更新確認とアップデート(npm-check-updates) - dackdive's blog
タイトルの通り。 npm install --save なり --save-dev なりして package.json に書き込まれたパッケージのバージョン、どうやって定期的にアップデートしていけばいいかわからなかったので。 新しいバージョンがリリースされているかどうかの確認と、実際にどのように新しいバージョンにアップデートすればいいのか調べてみた。 今回サンプルに使う package.json package.json の例として、以前、React のチュートリアルをやったときのリポジトリを使う。 { "name": "react-es6-tutorial", "version": "1.0.0", "description": "React Tutorial written in ES6", "main": "index.js", "scripts": { "test": "echo
npm-scripts で使える便利モジュールたち - Qiita
npm はパッケージ依存管理ツールであると同時に、便利なタスク・ランナーです。 本体はごく基礎的な機能だけを持ち、npm が管理するパッケージと Shell の力を組み合わせてタスクを定義します。「npm-scripts で利用する CLI コマンドは npm で管理できる」という分かりやすさが気に入っています。 npm-scripts には以下の特徴があります。 多くのツールが CLI を持っているためにラッパープラグインが不要です。Gulp ラッパー プラグインは非公式であることも多く、メンテナンスが継続するか不安な場合があります。 簡潔です。Gulp で書くと数十行だった処理が数行になるなんてこともよくあります。 複雑なことをするには向いていないです。 環境変数の扱いに難があります。 この記事では、私が npm-scripts を書くときによく利用している便利ツールたちを紹介します。
cpx と rimraf を試す - アカベコマイリ
{ "scripts": { "release:css": "stylus -c ./src/stylus/App.styl -o ./dist/bundle.css", "release:js": "browserify -t babelify ./src/js/App.js | uglifyjs > ./dist/bundle.js", "release:clean": "trash ./dist", "release:mkdir": "mkdirp ./dist && npm run release:clean && mkdirp ./dist", "release:copyfiles": "copyfiles -f ./src/*.html ./dist", "release:copydirs": "ncp ./src/fonts ./dist/fonts", "release:c
npm とフロントエンドのパッケージ管理の未来
JavaScript 系パッケージマネージャの重複問題 npm は言わずもがな Node.js のパッケージマネージャだが、フロントエンド開発においては Bower も利用するのが一般的になっている。この現状の問題点は、package.jon と bower.json という似たような管理ファイルを二重で管理しなければならないということだ。 現状の使い分けをおさらいをしておくと、次のような感じになる。 タスクランナー（Grunt/gulp）・モジュールシステム（browserify/webpack）・テストスイート（karma/testem）などの開発環境系の管理が npm の主なお仕事。インストールされたパッケージは node_modules 内に展開されて、CommonJS スタイルのモジュール管理から利用する。 本題につながる話としては、ブラウザで動くライブラリの一部は npm にも
その時、Bowerに何が起こったのか
キンドリルはAWS 環境におけるビジネスアジリティ加速、セキュリティ統制を実現する開発者向けの新たなソリューション " Kyndryl Developer Services " の提供を開始しました。 このサービスはAWSクラウド環境の設計、構築、運用を包括的に支援するプラットフォームソリューションであり、AWS環境の自動構築を可能とする設計済のテンプレートを提供します。 金融リファレンスアーキテクチャを軸に、様々な業種で活用いただけるテンプレートを順次拡大し、開発者向けポータルを通してインフラ構築の負荷を軽減します。 本サービスは特に、開発現場で以下のようなお悩みをもたれているお客様におすすめです。 セキュリティ：クラウド環境特有のセキュリティやコンプライアンス維持を考慮した設定またアップデートへの対応 最新情報への対応：新サービスのリリース、セキュリティ対策や法規制の変更など、日々更新
コマンドパスを自動で通し npm install -g しない - Qiita
追記 @hokaccha さんの指摘反映 npm install -g cosidered harmful 何かコマンドラインツールなどが必要なために npm install -g を強要するリポジトリがたまにある。 もっと面倒なのは、依存するツールがあるくせに README とかに書いてない場合だ。リポジトリにある設定ファイルからこちらが察して入れてやらないといけない。 グローバルに入れるツールは package.json の管理外なので、そこのバージョンは指定できない。 入れれば済むなら良いけれど、同じコマンドを他のリポジトリでも使っているような場合、求められるバージョンが違ったりすると面倒だ。
Windows に JSHintをインストールしてみた - かわちょでぶろぐ
仕事のコードの 1/3 ぐらいは JavaScript らしい。チェックツールを入れておかないと、既存のコードのレベルのまま拡大していくと、ヤバそう。というか、今年の頭にちょっと既存コードが新しい環境で動かないというので対応を手伝ったけど、やばかった。 ということで、JavaScript のチェックをするツールを探してみたが、JSLint といういかにもそれらしい名前のやつから fork した JSHint ってのが主流っぽい。 JSHint, a JavaScript Code Quality Tool Github - jshint/jshint JSLint から JSHint をフォークした理由(翻訳) | 黒くないすべてのものはカラスではない JSHint 2.0 公開（翻訳） | 黒くないすべてのものはカラスではない Jenkins から JSLint or JSHint 叩い
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
npmコマンドの使い方 - Qiita