在 angular2 组件中使用 LESS答案

【问题标题】：Using LESS in angular2 component在 angular2 组件中使用 LESS
【发布时间】：2017-04-17 20:38:52
【问题描述】：

我正在尝试将 LESS 与 angular2 一起使用。我在 index.html 中导入了 less.js 并在组件中使用以下命令

less.modifyVars({
                '@currentTheme-bar': '@quote-bar',
                '@currentTheme-button': '@quote-button'
            });

我收到一个错误找不到名称'less'

所以我尝试像这样将js导入到组件中，但它不起作用

import { Component } from '@angular/core';
import '../../js/less.min.js'

declare var Handsontable: any;

@Component({
  selector: 'advertiser',
  templateUrl: "/templates/advertiser.html"
})



export class AdvertiserComponent {

    quote(){

        if(document.getElementById("quote").innerHTML == "New Quote") {
            less.modifyVars({
                '@currentTheme-bar': '@quote-bar',
                '@currentTheme-button': '@quote-button'
            });
            less.refreshStyles();
------
---------

【问题讨论】：

标签： angular typescript less components

【解决方案1】：

看起来解决这个问题的方法是创建一个虚拟变量，以便打字稿可以找到它。我删除了导入语句并添加了以下内容：

declare var less:any;

【讨论】：