vue-cli3 對 node_modules 下的某個npm包 進行 webpack 編譯


當出現這個問題時一般會報錯誤:

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 編譯了)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM