angular 19 项目 build 时报错：No loader is configured for ".less" files
0
悬赏园豆：30
[已解决问题]
解决于 2024-12-08 11:36
错误详细信息如下
[ERROR] No loader is configured for ".less" files: src/app/modules/tinymce5/tinymce5.skin.less
src/app/modules/tinymce5/tinymce.styles.ts:2:7:
2 │ import './tinymce5.skin.less';
tinymce.styles.ts 中对应的代码
import './tinymce5.skin.less';
请问如何解决？
问题补充：
现在用的是 esbuild，之前使用 webpack时对应的配置
webpack = require('webpack');
module.exports = {
module: {
rules: [
{
test: /tinymce5\.skin\.(le|c)ss$/i,
use: ['style-loader', 'css-loader', 'postcss-loader', 'less-loader'],
},
{
test: /tinymce5\.content\.(le|c)ss$/i,
use: ['css-loader', 'postcss-loader', 'less-loader'],
},
],
},
}
最佳答案
0
在 angular.json 的 build options 中添加下面的 loader 设置即可解决
"loader": {
".less": "file"
}
参考：
如果使用了 esbuild-plugin-less，就不需要添加上面的 loader 配置
