首页 新闻 会员 周边 捐助

angular build 警告:"Ignoring this import because 'xxx' was marked as having no side effects"

0
悬赏园豆:30 [已解决问题] 解决于 2024-12-09 12:09

园子博客后台升级至 angular 19 并且将 build 引擎设置为 esbuild 后,build 时会出现下面的警告:

[WARNING] Ignoring this import because "src/app/modules/tinymce5/tinymce5.skin.less" was marked as having no side effects [ignored-bare-import]

    src/app/modules/tinymce5/tinymce.styles.ts:2:7:
      2 │ import './tinymce5.skin.less';

tinymce.styles.ts 第2行的代码如下:

import './tinymce5.skin.less';

请问如何消除或者静默这个 WARNING?

dudu的主页 dudu | 高人七级 | 园豆:28656
提问于:2024-12-08 21:30
< >
分享
最佳答案
0

基于 custom-esbuild,通过自己写一个 esbuild plugin,设置 logOverride ,将 ignored-bare-import 的 log level 设置为 silent 解决了

esbuild plugin 的实现代码 setup-esbuild.ts

import type { Plugin, PluginBuild } from 'esbuild';

const setupEsbuild: Plugin = {
  name: 'setup-esbuild',
    setup(pluginBuild: PluginBuild) {
        pluginBuild.initialOptions.logOverride = {
            "ignored-bare-import": "silent"
        }
    },
};

export default setupEsbuild;

npm 安装 custom-esbuild

npm i @angular-builders/custom-esbuild

angular.json 中启用 custom-esbuild 与 setupEsbuild plugin

"build": {
    "builder": "@angular-builders/custom-esbuild:application",
    "options": {
        "plugins": [ "./build/esbuild/setup-esbuild.ts" ]
    }
}
dudu | 高人七级 |园豆:28656 | 2024-12-09 12:08
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册