园子博客后台升级至 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?
基于 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" ]
}
}
https://github.com/evanw/esbuild/issues/1785
– dudu 1个月前https://github.com/evanw/esbuild/issues/2334
– dudu 1个月前