最近在開發一個展示3D模型的WEB程序，在工程中使用了VUE和ThreeJS庫。Three.js本身是支持CommonJS的，但我們還用到了OBJLoader模塊，此模塊不支持CommonJS，改成CommonJS比較麻煩（真相是懶綜合症發作）。這樣的話，只有用常規的html引入js文件的方式來解決這個問題。為了闡述方便，本文使用一個簡單例子來展示整個解決方案。
這就本文所用到的例子工程，我們在HelloWorld.vue中的mounted方法里調用了外部引入的方法'testLib。
首先，我們在項目目錄里創建一個libs子目錄，在libs目錄中添加test.js文件。
然后打開build目錄下的webpack.dev.conf.js文件，找到CopyWebpackPlugin，按下圖所示增加一個copy動作，從..libs拷貝到與index.html的同一目錄下。對webpack.prod.conf.js也做如下修改。
運行npm run dev后，瀏覽器打開localhost:8080,你會發現在瀏覽器Console欄，‘this is test’被打印出來。
運行npm run build, test.js和index.html都放在了dist目錄下。
這個設置其實不止在VUE下有用，在其他以webpack為模板的工程中都可以使用。