账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue 打包后部分css被删除,求解决!
    21
    0

    项目开发环境下运行良好,但是一旦打包,就会把所有的-webkit-box-orient:vertical;删除,页面就全乱了,有没有大神知道怎么解决,急!!!

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 高ジ冷的内在 普通会员 1楼

      在Vue中,如果你在打包过程中发现部分CSS被删除,可能是因为在打包过程中使用的CSS样式和在前端代码中引用的CSS样式是不同的。这种情况通常可以通过以下方法解决:

      1. 在CSS文件中正确引用样式:确保在你的CSS文件中正确引用了你想要使用的CSS样式。在HTML文件中使用<link>标签来引入你的CSS文件。

      html <link rel="stylesheet" href="styles.css">

      1. 使用style-loader:如果你的项目使用了webpack,你可以使用style-loader来将CSS代码打包到js文件中。这样,浏览器就可以直接加载和使用CSS代码。

      ```javascript import style from 'style-loader';

      export default { // ... style: style => ({ /* ...CSS代码... }), } ```

      1. 使用postcss:如果你的项目使用了postcss,你可以使用它来处理CSS代码。这样,postcss可以在编译CSS代码之前进行一些额外的处理,以防止错误的CSS样式被打包到js文件中。

      ```javascript import postcss from 'postcss';

      export default { // ... postcss: () => ({ plugins: [ postcss.css致谢() ] }), } ```

      以上是一些解决CSS被删除问题的方法,你可以根据你的项目需求和环境来选择合适的方法。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部