當出現這個問題時一般會報錯誤:
Module parse failed: Unexpected token (14:7)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
vue-cli3 搭建的 vue 項目中 webpack 默認是不對 node_modules 下的 包進行 編譯的,但是有時候 如果我們自己寫了一個npm包(沒有編譯的),這時候我們在項目中引用時,如果不對其通過 webpack 編譯時,使用的一下 es6/es7 新語法是 有可能是 會報錯的,這時候我們 就希望 webpack 能編譯這個npm包。
實現方式:
vue.config.js
module.exports = { ... transpileDependencies: [ 'packageName', ], ... }
這樣配置完,重啟項目即可。(在 transpileDependencies 數組中的 包 就會被 webpack 編譯了)