角组件styleUrls

Question

我们正在将Angular 6与WebPack 3一起使用（没有Angular CLI）。 我们要内联一个css文件。

这有效：      styles: [require('./appel.css')]

这不起作用：      styleUrls: ['./appel.css']

在webpack中，我们有以下规则：

{
   test: /\.css$/,
   loader: 'raw-loader'
}

我们如何使用styleUrls？

原因是我们在使用styleUrls的node_modules中使用了第三方角度模块。

Answer 1

也许您的webpack配置需要更改。您应该区分全局样式和组件样式，尝试一下。

{
   test: /\.css$/,
   includes: [
      path.join(_dirname, 'src/main/webapp/app')
   ]
   loader: [
        'raw-loader',
        'css-loader'
   ]
}