我的 SCSS 文件有所更改,虽然已经适当加载到页面中,但仍导致整个页面重新加载而不是 CSS 的 HMR(已更改样式表的热模块替换)。我该如何让 HMR 与 Angular2 协同工作?
适用的 webpack 配置(使用 postcss 实现 autoprefixer):
组件样式实现:
适用的 webpack 配置(使用 postcss 实现 autoprefixer):
{
test: /\.ts$/,
loaders: ['ts', 'angular2-template-loader']
},
{
test: /\.s?css$/,
loader: 'raw!postcss?sourceMap=inline!sass?sourceMap'
},
组件样式实现:
@Component({
selector: 'home-route',
templateUrl: 'home.component.html',
styleUrls: [ './home.component.scss' ],
})