javascriptでimportを使わないでフォルダ参照をする方法がわからなくて困っています。

Question

前提・実現したいこと

javascriptでimportを使わないでフォルダ参照をする方法が、
わからなくて困っています。

①　例えば以下の場合は、jsファイルを読込して、windowオブジェクトで参照できます。

(例)vee-validate.js

// これができないので代替方法をとる
import { veeValidate } from "~/lib/vee-validate/dist/vee-validate.js";

// これだとwindowオブジェクトで参照できる
<script src="~/lib/vee-validate/dist/vee-validate.js"></script>
// ↓
var veeValidate = window.VeeValidate;

②　フォルダ指定をする場合の方法を調べていますが、解決できなく困ってます。
(例)　vee-validate/i18n/dist/local
※フォルダ以下は言語のjsonファイルです。

// これができないので代替方法をとる
import { setlocale } from "~/lib/vee-validate/i18n/dist/locale/";

// 以下はNG、解決できませんでした。
<script src="~/lib/vee-validate/i18n/dist/locale/"></script>
```　　


②で試してみたこと
```javascript
// これは間違っているのでうまくいきませんでした。
<script type="module">
    import { setLocal } ="../lib/vee-validate/i18n/dist/locale/">;
</script>
```　　

このライブラリに限らず、importでフォルダ参照している場合を見かけるのですが、
javascriptでimportを使わないでフォルダ参照する方法として、どのような方法をとればよろしいでしょうか。

初歩的な質問ですみませんが、ご教授をお願いします。

Comments

[miyabi_pudding]

> フォルダ参照をする方法

これは、なぜできると思ったのでしょうか？
それともそれをやりたい、ということでしょうか？
また、ブラウザで動かすJavaScript、でしょうか、Node.JSなどのコマンドラインでしょうか？

[退会済みユーザー]

ご回答ありがとうございます。
ブラウザで動かすJavaScriptです。ブラウザはChromeになります。

windowオブジェクトではフォルダ参照はできないかなと、何となく思っていますが、

importを使う場合、、自分の環境ではできないため、

import { setlocale } from "~/lib/vee-validate/i18n/dist/locale/";

ようなフォルダの場合に、どのように対応すればよいか困っています。