外部JSに記載しているvue独自ディレクティブを利用したい

Question

解決したいこと

laravel5.5内で外部JSに記載しているvue独自ディレクティブを利用したい。

エラー内容

v-api-formのような外部JSファイルに記載しているvue独自ディレクティブ(v-file-model)を利用したいのですが、

Failed to resolve directive:  独自ディレクティブ

というエラーが出て利用できません。

質問

外部JSファイルの読込はできているのですが、vueに登録ができていない状態です。
app.jsに記載しない方法で、jsファイルをimportする方法はありますか？

[index.blade.php]

<div id="app">
    <compo1></compo1>
</div>

<script src="{{ mix('js/app.js') }}"></script>
<script src="{{ asset('js/lib/読込JSファイル') }}"></script>

[app.js]

require('./bootstrap')

window.Vue = require('vue')
       .
        .
        .
Vue.component(
  'compo1',
  require('./components/compo1.vue').default
)
       .
        .
        .
if(document.querySelector('#app')){
  const app = new Vue({
    el: '#app'
  })
}

[compo1.vue]

<template>
  <input type="file" 独自ディレクティブ名="file">
</template>

<script>
    export default {
        .
        .
        .
    }
</script>