2020-04-16

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

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

Article Image

やりかた

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

vue.config.js

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

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

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

完成

完成!

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

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

所感

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

動くものは動く。



この記事のタグ

この記事をシェア


謎の技術研究部 (謎技研)