Skip to content

css.extract config setting is not honored in development mode #1801

Closed
@rdsn

Description

@rdsn

Version

3.0.0-rc.3

Reproduction link

https://github.com/rdsn/almost-default-vue-3-setup

Steps to reproduce

using 3.0.0-rc.3

  1. vue create projectname
  2. selected options:
? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, Router, Vuex, CSS Pre-processors, Linter, Unit, E2E
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): SCSS/SASS
? Pick a linter / formatter config: Prettier
? Pick additional lint features: Lint on save
? Pick a unit testing solution: Jest
? Pick a E2E testing solution: Cypress
? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? In dedicated config files
? Save this as a preset for future projects? No
  1. create a vue.config.js file in the root directory with the following content:
// vue.config.js
module.exports = {
  css: {
    extract: true
  }
}
  1. npm run serve
  2. inspect the page source

What is expected?

css is included as a file

What is actually happening?

css is included in style tags like with css.extract: false


window 10 x64,
node v8.11.2

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions