将全局变量导入本地组件LESS angular-cli

Question

我的角色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
    ]
}

关于导入规范化，

按npm i normalize.css安装normalize.css，并将其路径添加到app[0].styles

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