none
【Node.js】<script src=""> による、パッケージの読み込み方法について RRS feed

  • 質問

  • サーバー:Azure(Web App)
    開発環境:Visual Studio 2017
    テンプレート:プロジェクト新規作成⇒「他の言語」⇒「TypeScript」⇒「Node.js」⇒「空の Azure Node.js Web アプリケーション」
    使用したいパッケージ:Vue.js

    お世話になります。

    HTMLページ上でVue.jsを読み込みたいと思っているのですが、自分のやっている方法が正しくないような気がしています。
    ご意見をお聞かせいただきたく思います。

    <現在のモジュールの読み込み方>

    ①「server.ts」上に、Vue.jsのコンポーネントを読み込む用のURLを配置

    ⇒つまり、「http://hoge.com/vue」にアクセスすると「./node_modeles/vue/dist/vue.js」が取得されます。

    ②Vue.jsを読み込みたいHTMLページ上で、「<script src="vue">」を記述することによりモジュールを使用可能にする。

    <不満点>

    「http://hoge.com/vue」にアクセスすると、vue.jsが取得されてしまう。おかしい気がする。

    <解決法?>

    ①どこかの設定ファイルで「vue = "./node_modeles/vue/dist/vue.js"」的な宣言をする?
    ②webpackを使ってどうにかする?
    ③そもそもHTML上で読み込むのがおかしい?

    以上です。よろしくお願いいたします。

    2017年12月4日 7:38

回答

  • 何が問題で何が不満なのか、この質問分からは理解できません。

    Vue.js はクライアント側で読み込まれるライブラリですから、クライアントに返される HTML 内に <script> タグで読み込ませる必要があります。そのために「http://hoge.com/vue」に ./node_modeles/vue/dist/vue.js を割り当てておられるのだと思いますが、HTML 内の <script> タグではこのように取得済みのライブラリを自サーバーから配信するか、CDN から取得するか、公式サイトから取得するか、いずれかの方法が必要です。


    hebikuzure

    • 回答としてマーク 指計算機 2017年12月4日 11:27
    2017年12月4日 8:10

すべての返信

  • 何が問題で何が不満なのか、この質問分からは理解できません。

    Vue.js はクライアント側で読み込まれるライブラリですから、クライアントに返される HTML 内に <script> タグで読み込ませる必要があります。そのために「http://hoge.com/vue」に ./node_modeles/vue/dist/vue.js を割り当てておられるのだと思いますが、HTML 内の <script> タグではこのように取得済みのライブラリを自サーバーから配信するか、CDN から取得するか、公式サイトから取得するか、いずれかの方法が必要です。


    hebikuzure

    • 回答としてマーク 指計算機 2017年12月4日 11:27
    2017年12月4日 8:10
  • 回答いただきましてありがとうございます。

    不満点は、「本来見せる必要が無い(と思っていた)vue.jsが外部に見えてしまっている」事でした。
    クライアント側で読み込まれるのなら、外部に見えなければどうにもなりませんね。

    ありがとうございました。

    2017年12月4日 11:27
  • vue.js 自体はパブリックなライブラリなので誰に見えても本来は問題がない物でしょう。

    どうしても「見える」のが嫌であれば、一見なんであるか分からなくなるよう minify する、難読化するなどの方法は取れるでしょう。とは言え完全に見えなくなるわけではないので(minify によるサイズ縮小以外は)あまり意味があるとは思いませんが。


    hebikuzure

    2017年12月9日 8:35