由於p5.js、ml5.js 在npm的支援度不高，若是使用Vue專案建置的人，
引入p5.js、ml5.js cdn的方式可以如下:

1.在專案中建立新資料夾(與src/assets同級)，我取名為js-loader，並在其中建立index.js
2.在index.js中使用inject手法，引入外部cdn並提供回傳函數，以及確保不會多次載入

// Load p5.js
    export function loadP5(callback){
        const existingScript = document.getElementById('p5js');

        if (!existingScript) {
            const script = document.createElement('script');
            script.src = 'https://cdn.jsdelivr.net/npm/p5@1.3.1/lib/p5.min.js';
            script.id = 'p5js';
            document.body.appendChild(script);
    
            script.onload = () => {
                if (callback) callback();
            };
        }
        if (existingScript && callback) callback();
    };
    //Load ml5.js
    export function loadML5(callback){
        const existingScript = document.getElementById('ml5js');
    
        if (!existingScript) {
            const script = document.createElement('script');
            script.src = 'https://unpkg.com/ml5@latest/dist/ml5.min.js';
            script.id = 'ml5js';
            document.body.appendChild(script);
    
            script.onload = () => {
                if (callback) callback();
            };
        }
        if (existingScript && callback) callback();
    };

3.在.vue頁面的script區塊引入:

import * as jsLoader from "@/js-loader";

4.在mount的部分 (確保cdn都引入的情況)

    mounted(){
        jsLoader.loadML5(()=>{
            console.log('已載入ml5.js');
        });
        jsLoader.loadP5(()=>{
            console.log('已載入p5.js');
        });
    },

5.完成，可以使用ml5.js + p5.js在你的vue專案了

#資料參考:
自己踩雷、這裡