px2rem-loader和lib-flexible的安装和配置

配置

安装1:npm i postcss-px2rem --save -dev

安装2:npm i lib-flexible --save 

配置1:入口文件main.js中引入:import 'lib-flexible/flexible.js'

配置2: 在vue.config.js

module.exports = {

css: {

loaderOptions: {

css: {

// options here will be passed to css-loader

},

postcss: {

// options here will be passed to postcss-loader

plugins: [require('postcss-px2rem')({

remUnit: 37.5  //要除以2因为是2倍图,除以2因为第三方插件是1倍的,这里是设计稿的尺寸是750px

})]

}

}

}

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。