vue 使用 px2rem-loader 自动将px转换rem

cnpm intall px2rem-loader// 安装px2rem-loader 在 build\utils.js 修改成下面的代码。// 在 cssLoaders 方法内添加下列代码const px2remLoader = {loader: 'px2rem-loader',options: {remUnit: 64 //设计稿宽度/10...

Zora1205060540010

2717人浏览 · 2018-07-11 13:33:32

Zora1205060540010 · 2018-07-11 13:33:32 发布

cnpm intall px2rem-loader  // 安装px2rem-loader

在 build\utils.js 修改成下面的代码。

// 在 cssLoaders 方法内添加下列代码
const px2remLoader = {
loader: 'px2rem-loader',
options: {
remUnit: 64 //设计稿宽度/10
}
// 将 cssLoaders 方法内的generateLoaders的方法内的 loaders 变量添加 px2remLoader
const loaders = options.usePostCSS ? [cssLoader, postcssLoader, px2remLoader, lessLoader ] : [cssLoader, px2remLoader, lessLoader ]

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^