将全局变量导入局部组件 LESS 角度 CLI

Question

我的 angular cli 文件夹结构是

MyApp/
    src
    style/
        page/
            normalize.less
            styles.less

和我的 angular-cli.json 包含

"app":{
    "styles": [
       "./style/styles.less
    ]
}

我无法导入任何更少的组件例在组件中

//app/login/login.component.less
@import 'normalize'
@import './normalize'
@import 'style/normalize'
//none of the above works

Answer 1

仔细检查文件路径。您的路径应如下所示

"app":{
    "styles": [
       "./style/page/styles.less
    ]
}

关于导入规范化，

安装规范化.css 通过npm i normalize.css并将其路径添加到app[0].styles

路径可能../node_modules/normalize.css/normalize.css。 确保使用node_modules