Question

运行ng serve CSS会按预期放入<style>标记。

运行ng serve -ec CSS保存在其中{@ 1}}

运行styles.bundle.css CSS仍显示在捆绑包中，似乎没有创建源映射。

注意：我们正在使用LESS。

ng serve -ec -sm

Answer 1

这是因为自v1.3.2以来Angular CLI的问题已经打开和关闭，从v1.7.x起目前仍然存在问题

多做一点挖掘＆amp;比较webpack配置文件，发现新的CLI正在使用Webpack插件＆＃34; raw-loader＆＃34;它还不支持sourcemap（不知何故票已经关闭，但我不确定源图是否已经实现）。

只有选项是降级到v1.6.6然后应用@CharltonC提供的补丁

在＆＃34; node_modules @ angular \ cli \ models \ webpack-configs \ common.js＆＃34;文件，在第162行，在getCommonConfig函数的返回公共配置对象中添加一行devtool：＆＃39; source-map＆＃39;，例如。

...
catch (e) { }
return {
    devtool: 'source-map',        // add this line
    resolve: {
        extensions: ['.ts', '.js'],
         ...

在终端中使用以下命令进行测试（也适用于Sass @import）：

ng serve           // no sourcemap
ng serve -sm -ec   // has sourcemap
ng serve --sourcemap --extract-css  // has sourcemap   
ng serve --sourcemap --extractCss   // has sourcemap

https://github.com/angular/angular-cli/issues/9099

Angular CLI没有LESS / SASS

1 个答案: