汇总不';t从Angular 5应用程序构建css文件
我正在尝试使用Rollup从Angular 5应用程序构建节点模块。看起来它构建的一切都是正确的,但不知怎么的,我在构建中找不到我的应用程序css文件。这就是为什么我在汇总不';t从Angular 5应用程序构建css文件,angular,node-modules,angular5,rollup,Angular,Node Modules,Angular5,Rollup,我正在尝试使用Rollup从Angular 5应用程序构建节点模块。看起来它构建的一切都是正确的,但不知怎么的,我在构建中找不到我的应用程序css文件。这就是为什么我在ngserve--aot上看到这样的错误 中的错误:无法解析资源/some.component.css相对于[我的应用程序路径]/node\u modules/my\u node\u module/app body/some.component.d.ts 这是我的rollup.config.und.js import resolv
ngserve--aot上看到这样的错误
中的错误:无法解析资源/some.component.css相对于[我的应用程序路径]/node\u modules/my\u node\u module/app body/some.component.d.ts
这是我的rollup.config.und.js
import resolve from 'rollup-plugin-node-resolve';
import commonjs from 'rollup-plugin-commonjs';
import angular from 'rollup-plugin-angular';
import typescript from 'rollup-plugin-typescript';
import postcss from 'rollup-plugin-postcss';
var sass = require('node-sass');
import {nameLibrary,PATH_SRC,PATH_DIST} from './config-library.js';
export default {
entry: PATH_SRC+'index.ts',
format: 'umd',
moduleName: nameLibrary,
sourceMap:true,
external: [
'@angular/core',
...
],
dest:PATH_DIST+"index.umd.js",
plugins: [
angular({
preprocessors:{
template:template => template,
style: scss => {
let css;
if(scss){
css = sass.renderSync({data: scss}).css.toString();
//console.log( 'scss ', scss, 'css ', css );
}else{
css = '';
}
return css;
},
}
}),
typescript({
typescript:require('typescript')
}),
resolve({
module: true,
main: true
}),
commonjs({
include: 'node_modules/**',
})
],
onwarn: warning => {
const skip_codes = [
'THIS_IS_UNDEFINED',
'MISSING_GLOBAL_NAME'
];
if (skip_codes.indexOf(warning.code) != -1) return;
console.error(warning);
}
};
这是我的tsconfig.json
{
"compilerOptions": {
"target": "es5",
"module": "es2015",
"sourceMap": true,
"moduleResolution": "node",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"declaration": true,
"outDir": "./dist",
"lib": ["es2016", "dom"]
},
"files": [
"src/index.ts"
],
"angularCompilerOptions": {
"skipTemplateCodegen": true
}
}
构建后,我在dist
文件夹中找到了正确的应用程序结构,例如
some.component.d.ts
some.component.js
some.component.js.map
some.component.metadata.json
文件,但没有
some.component.css
有什么想法吗?提前谢谢。我也有同样的问题。你解决了吗?Bump-这里的解决方案是什么?