如何使用 webpack 忽略模块?

Posted

技术标签:

【中文标题】如何使用 webpack 忽略模块?【英文标题】:How to use webpack to ignore a module? 【发布时间】:2020-07-30 09:25:10 【问题描述】:

我有在后端和前端使用的共享代码(我使用 Next 作为前端)。

一段共享代码(库):

import  ApiProperty  from '@nestjs/swagger'

export class AccessTokenResponseDto 
    @ApiProperty(
        example: 'xxxxx.xxxxx.xxxxx',
    )
    public token!: string

现在我想在前端忽略@nestjs/swagger,但不要失去后端文档功能的功能。

我之所以要在前端忽略nestjs,是为了减小构建大小。

【问题讨论】:

【参考方案1】:

试试这个:https://webpack.js.org/configuration/externals/#root

externals 配置可以排除依赖。

并且你需要在 package.json 中使用两个不同的脚本来区分不同的构建环境(一个用于前端,一个用于后端)。

【讨论】:

以上是关于如何使用 webpack 忽略模块?的主要内容,如果未能解决你的问题,请参考以下文章

如何将 VS Code 调试器与 webpack-dev-server 一起使用(忽略断点)

如何使用 Shebang Loader 配置 Webpack 以忽略 Hashbang 将 Cesium React 组件导入 Typescript React 组件

通过webpack生产模式编译时如何忽略打字稿错误

如何使用 webpack 从外部文件加载 AMD 模块

配置 webpack 以忽略 define 语句

如何在具有单独模块的旧 php 站点中使用 Babel 或 webpack