文档章节

lavas2.0配置px2rem的问题

o
 osc_odyg6b92
发布于 2018/07/13 09:21
字数 327
阅读 31
收藏 0

「深度学习福利」大神带你进阶工程师,立即查看>>>

问题lavas1.0升级成2.0后,项目结构有了好多大改变,连基本的配置都没有了头绪,多看了几遍文档以及结合自己之前的项目的经验,总结了一些自己用到的配置的配置问题。希望对你们有所帮助!!

1.移动端配置px2rem 

      安装npm install px2rem-loader lib-flexible –save

      在项目入口文件core/app.js中引入lib-flexible

      import ‘lib-flexible/flexible.js’

      安装 npm install webpack-px2rem-loader或者 cnpm install webpack-px2rem-loader

      找到 /lavas.config.js 文件

    

build:{
 //使用插件
        extendWithWebpackChain: (config, {
            type,
            env
        }) => {
            // 在 friendly-error 插件创建时扩展自定义参数
            // config.plugin('friendly-error').init((Plugin, args) => {
            //     let customParams = {}; // 扩展传入插件构造函数的参数
            //     return new Plugin(...args, customParams)
            // });

            // 添加第三方插件到指定 Lavas 内置 html 插件之后
            // config.plugin('my-plugin').after('html').use(MyPlugin);

            config.plugins.delete("no-emit-on-errors");

            config.module
                .rule("px2rem")
                // .test(/\.(vue)$/)
                .test(/\.(vue|scss|css)$/)
                .use("webpack-px2rem")
                .loader("webpack-px2rem-loader?min=9&floatWidth=2&basePx=37.5")
                /*
                   basePx:10 ,//1rm = npx 默认为10
                   min:9 ,//只会转换大于min的px 默认为0 因为很小的px(比如border的1px)转化成rem后在很小的设备上结果会小于1px,有的设备就会不显示
                   floatWidth:3  //转化后的rem值保留的小数点后位数 默认为3
                */
                .end()
                .exclude.add(/node_modules/);
        }
}

 

然后lavas dev 重启项目你就可以愉快的使用px了. 

 

 

 

o
粉丝 1
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
记一次失败的Perl + Nginx + FastCGI 配置过程

这两天心血来潮,不知道为什么和 Perl + Nginx + FastCGI 配置 耗上了。但是失败了,记录如下: 1)安装Nginx 1.4.3 ,我的是WINDOWS 7 系统,修改配置文件如下: location ~ .(pl|cgi|perl)?...

通吃岛-低手哥
2013/10/27
1.7K
7
CDH5: 使用parcels配置lzo

一、Parcel 部署步骤 1 下载: 首先需要下载 Parcel。下载完成后,Parcel 将驻留在 Cloudera Manager 主机的本地目录中。 2 分配: Parcel 下载后,将分配到群集中的所有主机上并解压缩。 3 激...

cloud-coder
2014/07/01
6.8K
1
fontconfig 配置生成工具--libeasyfc

libeasyfc 旨在提供一个简单的接口用来为每种语言生成 fontconfig 的别名映射配置。 要求: fontconfig >= 2.9.91 freetype GLib 2.0 libxml2 GObject Introspection (optional)...

匿名
2012/12/18
399
0
【OSChina Android客户端设计】界面原型代码问题

看到大家说希望能把代码分享出来,实在令我不安。因为这些代码根本就是非常粗糙的原始设计,但既然有这个要求,那么就考虑吧。 目前,客户端设计还仅仅处在界面原型的设计和讨论定位的阶段,...

BarryWey
2011/05/10
446
3
Alfresco Explorer客户化定制配置

有几种不同的方法定制Explorer配置选项,Explorer 配置文件是web-client-config-custom.xml   一、在目录修改 Explorer配置文件   1、打开 web-client-config-custom.xml 文件。   2、...

liubang
2012/07/19
833
0

没有更多内容

加载失败,请刷新页面

加载更多

SQL 语句大全

点击上方“掌上编程”,选择“置顶或者星标” 优质文章第一时间送达! 一、基础 「1、说明:创建数据库」 CREATE DATABASE database-name    「2、说明:删除数据库」 drop database ...

GeneralMa
昨天
0
0
山东创睦网络科技有限公司:使用Python爬取全球新冠肺炎疫情数据

使用Python爬取全球新冠肺炎疫情数据 导入所需库包 获取实时数据的url 正式编写程序 查看输出结果 导入所需库包 在获取数据之前,我们需要先安装好所需的包requests和pandas: 1.如果是使用p...

osc_qv1fwke0
22分钟前
14
0
如何1年获得别人3年的工作经验(深度好文)

最近有同学问我,为什么你的工作年限不长,技术却这么厉害,我笑了笑,啥也没说。 我不是不想回答,是不知道怎么回答。在他们的定位可能就是,每方面都懂一点,遇到问题能够快速解决,就是比...

zhang_rick
今天
0
0
新基建带动行业

什么是“新基建”? 什么是“新基建”? 根据央视发布的信息来看,其涵盖了5G基站建设、新能源汽车充电桩、大数据中心、人工智能、工业互联网,特高压,城际以及城轨交通,涉及了七大领域和相...

osc_anefoz50
23分钟前
0
0
怕入错行?这群技术人写了本“择业指南”

计算机专业好找工作吗?哪些方向是当前的主流和热门方向呢? 计算机专业的你是不是还在为职业发展纠结犹豫呢? 刚经历完高考选专业的你是不是还在迷茫徘徊呢? 那么福利来啦! 《软件技术职业...

阿里云云栖号
23分钟前
21
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部