vue-cli3+打包时css样式重叠覆盖问题解决

vue-cli3+打包时css样式出现偏差主要是因为css打包时被分割了

我们只要在 vue.config.js里加上 css: { extract: false, sourceMap: false }，让css不要分割打包

const { defineConfig } = require("@vue/cli-service");

module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false,
  // 修改请求资源默认路径
  publicPath: '/***/',
  outputDir: 'dist',
  assetsDir: 'assets',
  indexPath: 'pages/index.html',
  productionSourceMap: false,
  css: { extract: false, sourceMap: false },//让css不要分割打包
//浏览器头部标题
chainWebpack: config => {
    config.plugin('html')
      .tap(args => {
        args[0].title = "****";
        return args;
      })
  }
});