Skip to content

The css sourceMap not work #649

@luxueyan

Description

@luxueyan

Describe the bug

I open sourceMap option both in vite.config.js and postcss.config.js, but the sourceMap did not work.What's more,the style property cannot be edited in dev tools.

// postcss.config.js
module.exports = {
  map: 'inline',
  plugins: {
    'postcss-preset-env': {
      stage: 2,
      preserve: false,
      features: {
        'nesting-rules': false,
        'custom-selectors': true,
        'custom-properties': true,
        'system-ui-font-family': true,
        'environment-variables': true,
        'overflow-property': true,
        'place-properties': true,
      },
      autoprefixer: {},
      importFrom: [
        './src/assets/css/_var.css',
      ],
      exportTo: ['./src/assets/css/_var.mjs'],
    },

    'postcss-nested': {},
   
  },
}
// vite.config.js
const path = require('path')

module.exports = {
  alias: {
    '/@/': path.resolve(__dirname, 'src'),
    '/pages/': path.resolve(__dirname, 'src/pages'),
    '/assets/': path.resolve(__dirname, 'src/assets'),
  },
  sourcemap: true,
}

Reproduction

no Link

System Info

  • required vite version: vite@1.0.0-rc.1
  • required Operating System: macos 10.13.xx
  • required Node version: v12.18.2
  • Optional:
    • yarn version 1.22.4
    • Installed vue version (vue@3.0.0-rc.2)
    • Installed @vue/compiler-sfc(@vue/compiler-sfc@3.0.0-rc.2)

Logs (Optional if provided reproduction)

no logs

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions