Извиняюсь за проблемы с форматированием кода.

ужно добавить собственный шаблон начальной загрузки в основной шаблон spa asp.net. Я создал храм, используя команду:

dotnet new --install Microsoft.AspNetCore.SpaTemplates::*
dotnet new angular

Сгенерированный шаблон соответствует моим потребностям, хотя мне нужно использовать собственную тему bootrap, которую я поместил в папку wwwroot.

CustomTheme
├── css
│   ├── style.less
├── js
├── fonts
├── img

Может кто-нибудь помочь мне объяснить, как добавить эту тему в webpack.config.vendor.js?

Ответы на вопрос(1)

Как включить меньше сборки, также хорошо документировано:

Пример: простая настройка Webpack, которая создает LESS

Эта публикация Брайана Манчини, касающаяся шаблона React SPA, может также помочь или применить шаблон Angular SPA:

Настройка начальной загрузки ASP.NET

Копирование резюме ниже:

Установите LESS и менее загрузчик

npm install --save less less-loader 

Под ClientApp настройте следующие файлы и папки

less/site.less
less/bootstrap/bootstrap.less
less/bootstrap/variables.less

Настройте загрузчик и переменные без файлов

/* less/bootsrap/bootstrap.less */
/* import bootstrap from source */
@import '../../../node_modules/bootstrap/less/bootstrap.less';

/* import custom overrides */
@import 'variables.less';



/* less/bootstrap/variables.less */

/* import the original file */
@import '../../../node_modules/bootstrap/less/variables.less';


/* Variables your overrides below
-------------------------------------------------- */




/* less/site.less */
@import './bootstrap/variables.less';
/* your overrides below */

изменятьwebpack.config.vendor.js

Удалить конфигурацию, связанную с генерацией файла CSS. Конечная конфигурация поставщика будет выглядеть следующим образом:

См сутьwebpack.vendor.config.js

изменятьwebpack.config.js выполнить меньше конверсии

См сутьwebpack.config.js

изменятьboot-client.ts включить сайт и загрузиться меньше

import './less/site.less';  
import './less/bootstrap/bootstrap.less';  

Проверьте свою сборку, запустив

node node_modules/webpack/bin/webpack.js --config webpack.config.js  
node node_modules/webpack/bin/webpack.js --config webpack.config.vendor.js

изменять_Layout.cshtml включатьbootstrap.css

 stormwild11 окт. 2017 г., 15:03
Извиняюсь за проблемы с форматированием кода.

Ваш ответ на вопрос