如何使用UI-ROUTER在angularjs项目中使用“LESS”

Question

我在我的angularjs项目中使用bootstrap模板，该项目由Grunt提供。其他一切工作正常，但是当我使用ui-router进行路由时，使用LESS的bootstrap模板组件没有在页面上呈现。

使用ui-router时怎么做？

Answer 1

您可以使用grunt-contrib-less包来集成使用Grunt的较少集成。示例配置可以是： 1.通过npm

添加包

npm install --save-dev grunt-contrib-less

1. 在gruntfile.js中加载包：

   grunt.loadNpmTasks('grunt-contrib-less');

2. 为less添加配置：

  

less: {
  development: {
    options: {
      paths: ['assets/css']
    },
    files: {
      'path/to/result.css': 'path/to/source.less'
    }
  }
}