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

Para obtener acceso a ésta y a todas nuestras lecciones y cursos premium:

Ver planes

Regístrate hoy en Styde y obtén acceso a todo nuestro contenido.

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