【Vue.js】buildしたhtmlをダブルクリック一発で動かす!【やたら簡単】

April 16, 2020

Vue.jsはビルドしたhtmlはサーバーにデプロイしなくともクリック一発でローカル起動できる。

vuejs clickdakedekidou

やりかた

ルートディレクトリに「 vue.config.js」を新規作成

vue.config.js

次のコードをコピペする。

※Vuetifyなど既に他のデータが入っていた場合はpublicPathの行のみコピペ。

module.exports = {
    publicPath: './', 
  }

完成

完成!

あとは npm build してdistフォルダに出力されたhtmlを直接起動してみてほしい。

インストールしてあるライブラリによっては動かないかもしれないが、基本的にこれで動くはずだ。

所感

とにかく簡単にできるのに長々と説明しているサイトしか存在しなかったので作成した。なんでこれで動くのかすら知らなくて良いのではないかと思う。

動くものは動く。

Tags

この記事をシェア:

author icon

仮想トイレ @CrypticToilet
プログラミングや仮想通貨のシステムトレードに関する情報を更新中!どんな情報を流しても詰まらないトイレ。