zoukankan      html  css  js  c++  java
  • vue+vux+es6+webpack移动端常用配置步骤

    1.创建项目(vue项目的流程就不多讲了)
    2.cnpm install vux --save
    3.在build/webpack.base.conf.js配置:
    const vuxLoader = require('vux-loader')
    把第一个module.exports赋值变量let webpackConfig ={里面代码不动}
    然后这个放在最底部去

    module.exports = vuxLoader.merge(webpackConfig, {
      plugins: ['vux-ui', 'progress-bar', 'duplicate-style']
    })

    4.安装vux-loader使用命令cnpm install vux-loader -D
    5.cnpm install less less-loader --save-dev 以正确编译less源码
    6.cnpm install yaml-loader --save-dev 以正确进行语言文件读取
    7.index.html入口页面<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    8.main.js里面配置:
    (需要安装依赖cnpm install fastclick --save
    const FastClick = require('fastclick')
    FastClick.attach(document.body) //去掉点击延迟300毫秒
    (需要安装依赖cnpm install axios --save
    const axios = require('axios')
    Vue.prototype.$ajax = axios;
    9.index.html里面引入rem自适应布局的js,有需要用jq的也在这里引入以保证性能。

  • 相关阅读:
    rem 适配
    1px实现方案
    伪类选择器
    css中如何做到容器按比例缩放
    rem移动端适配方案
    Quartz.NET实现作业调度
    iPhone X
    优化hexo访问速度-将hexo部署到云主机VPS
    网页设计命名规范
    网站注册页面
  • 原文地址:https://www.cnblogs.com/lhl66/p/7807875.html
Copyright © 2011-2022 走看看