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 编译了)

posted @ 2021-02-26 17:04  暗恋桃埖源  阅读(2338)  评论(0编辑  收藏  举报