我在项目中使用lib-flexible,进行自适应布局
main.js引入如下import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import wxConfig from "@/lib/wx-config.js"
import "lib-flexible";
import './plugins/iview.js'
// 引用公共样式
// import "@/assets/css/common.less";
Vue.config.productionTip = false;
Vue.prototype.wx_config = wxConfig;
new Vue({
router,
render: h => h(App)
}).$mount("#app");
然后配合postcss-px2rem进行自动转换rem,配置代码如下module.exports = {
css: {
// 配置css模块
loaderOptions: {
// 向预处理器 Loader 传递配置选项
less: {
// 配置less(其他样式解析用法一致)
javascriptEnabled: true // 设置为true
},
css: {},
postcss: {