首页 > 其他分享 >vue打包生产环境样式丢失解决

vue打包生产环境样式丢失解决

时间:2023-10-17 18:00:14浏览次数:37  
标签:vue false 样式 丢失 true 打包

一、概述

  把自己打包的vue小案例打包,然后发布到生产环境。发布到生产环境访问后发现样式丢失。(ps:测试环境正常的)

二、解决办法

  找到项目中的vue.config.js把extract的值改为false

module.exports = {
  css: {
    extract: false,
    loaderOptions: {
      stylus: {
        'resolve url': true,
        'import': [
          './src/theme'
        ]
      }
    }
  },
  pluginOptions: {
    'cube-ui': {
      postCompile: true,
      theme: true
    }
  }
}

 

标签:vue,false,样式,丢失,true,打包
From: https://www.cnblogs.com/tony-yang-flutter/p/17770320.html

相关文章

  • Vue3.2中setup语法糖的使用教程分享
    这篇文章主要为大家详细介绍了Vue3.2中setup语法糖的具体使用方法,文中的示例代码讲解详细,对我们深入了解Vue有一定的帮助,需要的可以参考一下目录2、data数据的使用3、method方法的使用4、watchEffect的使用5、watch的使用6、computed计算属性的使用7、props父子传值的使用8、emit......
  • vue中同步方法的实现
    这篇文章主要介绍了vue中同步方法的实现,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教目录vue同步方法实现有三种实现方式vue中的同步和异步问题同步异步总结vue同步方法实现有三种实现方式1、axios本身属于Promise利用函数式的then获取请求返回结......
  • vue2使用 tinymce富文本编辑器-图片上传、粘贴图片上传致服务器
    1.安装tinymce富文本编辑器插件npmitinymcenpmi@tinymce/tinymce-vue2.创建Editor.js文件封装组件以便使用<template><divclass="tinymce-editor"><editorv-model="myValue":init="init":disabled="disabled&qu......
  • vue学习3 npm创建项目
    创建项目安装最新node.js最新稳定版本创建项目文件加,在文件即下cmd输入命令npmcreatevite@latestfirstweb或者npminitvite@latestfirstweb然后选择vue。然后选择typecript/JavaScript,然后在文件夹下就创建好了项目文件  使用vscode打开该目录输入命令npmi......
  • 关于pyinstaller打包exe踩过的坑
    打包成的exe无法用uvicorn开启fastapi的网络服务,解决办法:在uvicorn.run(app,host="127.0.0.1",port=8000)的上一句直接importuvicorn,参考fastapi的两种运行方式_fastapiasync-CSDN博客,这样可以导入uvicorn模块,而如果把importuvicorn放在文件顶部,那么就导入不了这个模块打......
  • 0到1搭建vue2.0项目
    一、创建vue项目1、node-v查看是否安装了node 如果没安装,到官网下载安装https://nodejs.org/en2、创建名为VueProject的文件夹,cmd进入该文件夹,npminit-y 进行初始化(备注:在使用命令行工具npm进行初始化项目时,-y是一个参数,表示在初始化过程中自动应答所有的问题为默......
  • Vue中 三个点 ... 的用法
    Vue中三个点...的用法主要是操作数组和对象一、操作数组//1.把数组中的元素孤立起来letiArray=['1','2','3'];console.log(...iArray);//打印结果123//2.在数组中添加元素letiArray=['1','2','3'];console.log(['0&......
  • vue中使用Base64加密、解密
    Base64加密、解密第一步:npminstalljs-base64--save下载依赖第二步:   直接引入即可import{Base64}from'js-base64';第三步:Base64.encode(xxxx)其中  .encode()加密       .decode()解密中间不需要使用加密的key等其他字符......
  • vue 动态组件
    动态组件:通过component标签的is属性来进行组件的切换.is的属性值决定要显示的组件:  a.将is的属性值设置为data中的值,以便于动态变化.(1).example:<divid="box"><inputtype="button"@click="test='aaa'"value="aaa组件"><inputtype="......
  • vue中使用ckeditor,支持wps,word,网页粘贴
    ckeditor5官网目前不支持wps的图片粘贴,但可以通过修改源码实现。<template> <div>  <divv-if="!disabled">   <divid="toolbar-container"></div>   <!--编辑器容器-->   <divid="editor">    <p......