美文网首页
小程序支持打包i-view 的样式做px转义

小程序支持打包i-view 的样式做px转义

作者: Axiba | 来源:发表于2019-06-03 09:43 被阅读0次

修改 build/webpack.base.conf.js 文件:

// 引入依赖
const Px2rpx = require('px2rpx');
const px2rpxIns = new Px2rpx({ rpxUnit: 0.5 });


// 在plugins 中 增减 transform(...) {}
  plugins: [
    new MpvuePlugin(),
    new MpvueEntry(),
    // api 统一桥协议方案
    new webpack.DefinePlugin({
      'mpvue': 'global.mpvue',
      'mpvuePlatform': 'global.mpvuePlatform'
    }),
    new CopyWebpackPlugin([
      {
        from: path.resolve(__dirname, '../static'),
        to: path.resolve(config.build.assetsRoot, './static'),
        transform(content, path) {
          if (path.endsWith('.wxss')) {
            return px2rpxIns.generaterpx(content.toString(), 1)
          } else {
            return content
          }
        },
        ignore: ['.*']
      }
    ])
  ]

相关文章

  • 小程序支持打包i-view 的样式做px转义

    修改 build/webpack.base.conf.js 文件:

  • 小程序组件简明说明

    小程序组件基础了解 不支持标签定义样式,只允许内联样式和class样式 不支持ul li 等html标签 小程序中...

  • WeChat 如何理解rpx

    在小程序样式表中,我们绝大多数的长度单位都设置成 rpx,而不是我们常见的 px,使用 rpx 小程序会自动在不同...

  • 微信小程序

    px与rpx: px:微信小程序里面px跟web端px是不一样的,微信小程序里面的px指逻辑分辨率,即pt,比如i...

  • 小程序(五)

    一、小程序中Input placeholder属性样式修改 在不是小程序的项目中,可以做如下操作 input::-...

  • HTML总结

    css字体样式 字体大小:font-size 网页默认大小为16px 正常网页支持大...

  • weex踩坑记

    样式篇1.不支持 .classA .classB 只能用单个样式名2.只能用flex布局3.宽度只能用px4...

  • 微信小程序-自定义picker选择器

    github地址 为什么要自定义picker 原生小程序picker不支持自定义样式,无联动。该自定组件 支持自定...

  • 小程序文字复制功能调研

    小程序可用Api & 组件 组件 样式如图: 剪贴板操作 基础库1.1.0 开始支持 wx.setCl...

  • Python打包成带图标的exe文件

    打包文件为指定图标的exe程序,用指定图标路径的方式(像素为48*48px ),打包后生成的图标就是你想要的。 p...

网友评论

      本文标题:小程序支持打包i-view 的样式做px转义

      本文链接:https://www.haomeiwen.com/subject/lwmqxctx.html