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