компиляции меньше файл, используя angular2 CLI

Я следующие настройки внутри углового кли-строитькомпиляции меньше файл, используя angular2 CLI

Angular2App(defaults,{ 
lessCompiler: { 
    includePaths: [ 
     'src/app' 
     ], 
    } 
})

I'have два теста меньше файлов в src каталоге.

test1.less

//some code

test2.less

@import "test1.less";

когда я ng build проект он выдает ошибку

Build failed. 
File: input (1) 
The Broccoli Plugin: [LESSPlugin] failed with: 
undefined

Я попытался issue 873 временное решение. Ошибка go.but не удалось найти скомпилированные файлы css. прошу помочь. как вы скомпилируете настраиваемые загрузочные файлы меньше в проекте angular2, который построен угловым кли.

как я мог продлить меньше файла бутстрапа в (в node_modules остался внутри) с моим пользовательским lesses

источник

2016-06-22 Ohan

Если вы устанавливаете меньше с npm install less --save и переименовать файл CSS в директории вашего компонента, он должен работать. Работает аналогично для sass, как описано в документации angular-cli/Readme.

Я сделал работу импорта, поместив файл other.less в /shared directory и импортировать его полный путь ./src/app/shared/other.less

@import (less) "./src/app/shared/other.less";

работает без ошибок в настоящее время.

Редактировать: это швы для работы с @import (less) "./src/app/other.less";.

источник

2016-06-22 20:18:20

Я сделал то, что описанный в их док. но он не работает. только css-файл, генерирующий ничего внутри. (Пусто). Вы пробовали это успешно? пожалуйста, дай мне знать. @JS_astronauts – Ohan

Я начал новый проект с помощью 'ng new lesstest', и он работает для меня, сначала я пытался узлы, а позже я тестировал его с меньшим количеством. он работает, мне не нужно входить в 'angular-cli-build', а файл' .css' скомпилирован в 'dist/app /' –

, можете ли вы попробовать, если @import работает или нет в вашей настройке? – Ohan

открытой угловой cli.json и вставить новую запись в массив стилей

"styles": [ 
    "styles.css", 
    "less/app.less" 
    ],

Установить меньше, если это необходимо. Я не знаю, требуется ли это. Но я сделал это заранее.

npm install less --save

источник

2017-01-24 21:37:20 Shardul

Работает на 1.0.0-beta.25.5. Явно меньше установки не требуется. – hoodieman

Мне нужно было установить меньше – Robert

При создании нового проекта:

ng new project_name --style less

Затем, когда вы посмотрите на ваш проект, вы найдете меньше файл в каждой папке компонента, а не CSS один в один рука. И с другой стороны, когда вы смотрите на файл component.ts компонента, вы найдете в @Component, styleUrls: ['./xxx.component**.less**'], а не ['./ xxx.component **.CSS ** ']

Для установки после сделать, как @Kaspars сказал:

npm install less --save

Когда сделано:

переименовывать все CSS файлы в директории вашего компонента менее
изменить ['./xxx.component.css'] на ['./xxx.component.less'] в каждом файле компонента

Если вы хотите, а не СКС менее, сделать некоторые вещи

источник

2017-11-26 20:12:32

компиляции меньше файл, используя angular2 CLI

ответ

Смежные вопросы