qq_39831708的博客

参照以上vant官网提供的方式，发现只能编译项目内部开发的页面，根本无法将vant样式px编译为vw单位，以下是使用官方例子后编译后的样式单位 项目基于vue-cli5搭建的，后续解决方式采用webpack中postcss-loader参数postcssOptions解决。具体无法解析的原因不详，估计与vue-cli配置有关。以下是解决后的样式单位 附上解决方案,首先安装postcss-px-to-viewport以下是vue.config.js的代码,并且支持了项目ui设计稿为750px标准情况..

背景首次进行组件库文档打包，遇到了一些ts打包报错和css打包警告，记录下处理过程。并且发现打包后的主包的体积过大，有一定优化空间ts报错处理当时有好奇为什么开发环境下都不报错，构建才产生这么多ts错误。大致猜想可能vite在dev和build下对ts处理可能有点不一样。翻查文档得知，vite仅执行.ts文件的转译，并不执行任何类型检查，（可以在构建脚本中运行tsc --noEmit或者安装vue-tsc然后运行vue-tsc --noEmit来对你的*.vue文件做...

1．scoped作用域问题。（1）组件内样式，默认始终加上scoped属性。如：<style scoped lang=”less”></style>；（2）需要影响到子组件内部样式，优先使用深度作用选择器/deep/。如：<style lang=”less” scoped>/deep/ .empty {background-color: blue;}</style>；（3）对于js生成的子组件元素，可以不添加scoped。但是最外层样式需要加上

前言我们在开发项目的时候，往往会在同一个局域网进行开发，前后端分离同时进行开发。我们前端调用后端给的接口也是在局域网内部的。但是，当项目推到线上的时候，我们会从真实服务器上获取接口，因此，我们可能在测试接口和真实接口之间频繁切换，让人十分恶心。因此，我们有必要想办法解决这个问题。本文是 Vue2+VueRouter2+webpack 构建项目实战 的后续文章。理解本文内容，需要VU...

资源相对引用路径问题描述一般情况下，通过webpack+vuecli默认打包的css、js等资源，路径都是绝对的。但当部署到带有文件夹的项目中，这种绝对路径就会出现问题，因为把配置的static文件夹当成了根路径，那么要解决这种问题，就得引用相对路径。解决办法打开webpack.prod.conf.js找到output：增加 publicPath: './', 即可，如...