Angular / Webpack伪选择器:主机未“编译”

时间:2019-02-11 07:41:47

标签: css angularjs angular webpack

我目前正在将AngularJs项目(v1.7.5)迁移到Angular7。 我按照迁移说明进行了,一切进展顺利。

一切? 否,因为一个小问题会一遍又一遍地抵抗。

由于我来自AngularJs世界,因此我不使用AngularCLI,而不得不手动编写Webpack配置。

我的问题:

当我尝试在css文件中使用伪选择器“:host”时,在我生成的输出中它不会转换为“ _ngSomething”(我使用ViewEncapsulation.Emulated模式)。

我的问题:

哪个模块(组件/加载器)负责转换此伪选择器,以及如何对其进行配置? 我尝试使用“ ng弹出”从基于angularCLI的项目中提取webpack配置,但是此命令目前似乎无法访问

这是webpack.conf文件中我当前的CSS部分

{
    test: /\.css$/, 
            use: [
                "exports-loader?module.exports.toString()",
                { loader: "style-loader" },
                { loader: "css-loader", options: { importLoaders: 1 } },
                { loader: "postcss-loader" },
            ]
        }

感谢您的帮助

0 个答案:

没有答案