Nuxt и Bootstrap vue css в заголовке html

По какой-то причине, когда я нажимаю свой проект на heroku, bootstrap css включается в голову, вот так

<head>
<title></title>
(..)
<style data-vue-ssr-id = "90433b46:0 8b4ab2e8:0 2c8d02e5:0 396e4108:0 01194ca0:0 203df954:0 0323c590:0 5ebbc628:0 7e87bec3:0">/*!
--
  | * Bootstrap v4.1.1 (https://getbootstrap.com/)
  | * Copyright 2011-2018 The Bootstrap Authors
  | * Copyright 2011-2018 Twitter, Inc.
  | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  | */*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent
(..)

Я что-то здесь делаю не так ??

У меня NPM_CONFIG_PRODUCTION установлено на true, а NODE_ENV уже настроено на производство.

Я включаю его так же, как и документы

modules: [
        'bootstrap-vue/nuxt',
        '@nuxtjs/axios',

(...)

Я понимаю, почему это происходит при использовании npm run watch для горячей перезагрузки, но на производстве я хочу иметь css во внешнем файле, который будет включен, как и любой другой css (с <link>)

Любые идеи?

twitter-bootstrap vue.js nuxt.js

24.06.2018 12:30

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

920

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы ищете свойство конфигурации extractCSS. См. документы

Ты прав. Спасибо! Есть ли способ извлечь только загрузочный css?

— 24.06.2018 13:01

@mauxtin ничего не встроено. только, возможно, с настройкой \ заменой в buld.extend mini-css-extract-plugin на то, как вы именно хотите, чтобы он был.

— 24.06.2018 17:16

24.06.2018 12:51