Actualmente todo el CSS agregado en los componentes de Vue está siendo alojado en el archivo build.js y luego cargado en línea en el encabezado del HTML utilizando etiquetas <style>. En esta lección voy a utilizar un plugin de webpack para extraer todo el CSS definido en los componentes de Vue (incluyendo el código importado de Bootstrap) a un archivo aparte (style.css).

Regístrate en Styde

y obtén acceso inmediato a cientos de lecciones como ésta y contenido nuevo cada semana.

Ver planes

Lección anterior Instalación y uso de Bootstrap Sass con npm, webpack y vue-loader Lección siguiente Reduciendo el tamaño del CSS en un 90% con PurifyCSS, webpack y vue-loader