[英]how to add webpack config to a single-spa generated webpack config file [single-spa+angular14]
我如何将此处提到的以下配置添加到单水疗中心生成的 webpack 配置文件extra-webpack.config.js
?
import linkerPlugin from '@angular/compiler-cli/linker/babel'; export default { //... module: { rules: [ { test: /\.m?js$/, use: { loader: 'babel-loader', options: { plugins: [linkerPlugin], compact: false, cacheDirectory: true, } } } ] } //... }
//extra-webpack.config.js (注意格式的不同)
const singleSpaAngularWebpack = require('single-spa-angular/lib/webpack').default; module.exports = (config, options) => { const singleSpaWebpackConfig = singleSpaAngularWebpack(config, options); // Feel free to modify this webpack config however you'd like to~ singleSpaWebpackConfig.externals.push( ); return singleSpaWebpackConfig; };
我为什么要尝试这个:与其他 angular 微应用程序共享一个angular library
和一个single-spa
框架中的 UI 组件。 该库将通过systemjs-importmap
加载一次,如 single-spa 中所述。 如果有用,这是库的 anuglar.json 文件的片段
"architect": {
"build": {
"builder": "@angular-builders/custom-webpack:browser",
"options": {
"outputPath": "dist",
"index": "projects/my-lib/src/index.html",
"main": "projects/my-lib/src/main.single-spa.ts",
"customWebpackConfig": {
"path": "projects/my-lib/extra-webpack.config.js",
"libraryName": "@myOrg/my-lib",
"libraryTarget": "system",
"excludeAngularDependencies": true
},
"deployUrl": "http://localhost:4304/"
},
"configurations": {
"production": {
"tsConfig": "projects/my-lib/tsconfig.lib.prod.json"
},
"development": {
"tsConfig": "projects/my-lib/tsconfig.lib.json"
}
},
"defaultConfiguration": "production"
},
谢谢
我想出了办法。 虽然没有解决我问题的初衷,但这里的问题得到了回答。
import pckg from 'single-spa-angular/lib/webpack';
import pckg1 from 'webpack-merge';
import linkerPlugin from '@angular/compiler-cli/linker/babel';
export default function (config, options) {
const singleSpaWebpackConfig = pckg.default(config, options);
return pckg1.default(singleSpaWebpackConfig, {
module: {
rules: [
{
test: /\.js$/,
use: {
loader: 'babel-loader',
options: {
plugins: [linkerPlugin],
compact: false,
cacheDirectory: true,
}
}
}
]
}
});
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.