Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Vue.jsの開発環境を手作りした話 書いた日:18/10/19 手動で構築した開発環境は暖かみがちがう 古事記にもそう書かれている 動機 環境構築手動でやるのが好きになって来たこの頃、 VueCLIを久しぶりに触ってびっくりしました なんやこれ! $ vue add @vue/eslint って何!? 知らんところで色々起きるの!こわ!!富豪的すぎない!? https://cli.vuejs.org/guide/plugins-and-presets.html#plugins と思いイチから環境構築した話 単一ファイルコンポーネントのeslint/prettierにも興味があったしね! VueCLIはGUIもついていて、非常に優れた環境構築ツールですが 自分で構築してみるとすごく勉強になりますよ 対象読者 vue.jsや.vueファイルの知識がある人 VueCLIが裏でやってることに興味
# nodebrewインストール $ brew install nodebrew $ mkdir -p ~/.nodebrew/src # <- フォルダ作ってないとinstallでコケる $ nodebrew -v nodebrew 1.0.1 # インストール可能なnode.jsのリストを表示 $ nodebrew ls-remote # version8.9.4をインストール $ nodebrew install-binary v8.9.4 $ nodebrew ls $ nodebrew use v8.9.4 # nodeとnpmコマンドのパスを通す $ nodebrew setup $ echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.bash_profile $ source ~/.bash_profile #
概要 自分のライブラリのカバレッジがとても低く、何故なんだろうと思っていて調べたのですが、webpack側で作ったソースが含まれていたのが原因でした。 今回はその対応するために結構苦労したのでメモしておきます。 webpackのソースが含まれている時のカバレッジ(間違い) 自分のソースのみのカバレッジ(正しい) webpackでソースマップの出力をする devtool: 'inline-source-map'って所です。この設定を有効化することによってビルドファイルの中にソースマップを含めることができます。 この設定をしないとnyc側で元のソースを辿って正しいカバレッジを取得することができません。注意しましょう。 var nodeExternals = require('webpack-node-externals'); module.exports = { mode: 'developm
こんにちは!高野です。 Webpack Level Upシリーズもついに第4回。今回はPluginの設定方法について調べていきます。 実はこのPluginを使いこなせればできることの枠が大幅に広がり、果ては ビルド結果をgzip化してS3にアップロードし、CloudFrontのinvalidationまで自動化する なんていうデプロイ自動化までできちゃったりします。夢が広がりますね。 それでは、始めましょう。 コンテンツ Webpack Level 1: 裸のWebpackのデフォルト動作を理解する Webpack Level 2: 設定ファイルをカスタマイズする Webpack Level 3: loadersを追加して.js以外のファイルを結合する Webpack Level 4: Webpack Pluginsを用いて静的サイトをS3に自動デプロイ <- 今ここ 設定方法 Plugi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く