<强> 1。安装
<代码> npm安装——save-dev少less-loader
<代码> npm安装——save-dev style-loader css-loader
先在index . html页面头标签内插入这段代码
& lt; script>
(函数(医生,赢得){
var docEl=doc.documentElement,
resizeEvt=' orientationchange '窗口& # 63;“orientationchange”:“调整”,
recalc=function () {
var clientWidth=docEl.clientWidth;
如果(! clientWidth)返回;
如果(clientWidth祝辞=640){
docEl.style。字形大?100 px的;
其他}{
docEl.style。字形大?100 * (clientWidth/640) +“px”;
}
};
如果(! doc.addEventListener)返回;
赢了。addEventListener (resizeEvt recalc,假);
医生。addEventListener (DOMContentLoaded”内,recalc假);
})(文档、窗口);
& lt;/script>
在添加构建/webpack.base.conf。js里面的
模块。出口里的模块里添加下面这段配置
{
测试:/\ .less/美元,
用途:[
“style-loader”,
“css-loader”,
“less-loader”
]
}
组建标头
& lt; template>
& lt; div类="盒子"比;& lt; p> header
& lt;/div>
& lt;/template>
& lt; script>
出口默认{
名称:“头”,
数据(){
返回{};
}
};
& lt;/script>
& lt;风格范围lang=吧佟北?
.box {
高度:300/50rem;
宽度:200/50rem;
背景颜色:红色;
字体大小:16/50快速眼动;
}
& lt;/style>
效果展示:,,
在vue中使用更少的教程详解
