解决vue项目，本地和服务器样式不一致

你→

于 2024-08-05 14:36:46 发布

阅读量249

点赞数 1

文章标签： vue.js 服务器前端

本文链接：https://blog.csdn.net/qq_50481425/article/details/140926401

版权

  configureWebpack: {
    // 配置Webpack插件，解决服务器和本地样式不一致
    plugins: [
      // 添加MiniCssExtractPlugin插件，用于提取CSS到单独的文件中
      new MiniCssExtractPlugin({
        filename: '[name].css', // 设置输出的CSS文件名称
        chunkFilename: '[name].css', // 设置按需加载的CSS文件名称
      }),
    ],
  },
  css: {
    extract: true, // 将CSS提取到单独的文件中
  },

在vue.config.js加上述相关代码即可，即可解决