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的也在这里引入以保证性能。

  • 相关阅读:
    Linq语句jion on后指定多个条件
    sql判断日期是否为当前季度
    Linq to json
    .net压缩文件夹
    .net代码修改webconfig
    .net正则IP加端口,并返回IP加端口
    获取汉字拼音的首字母(获取助记码)
    .net获取程序根目录
    关闭IPV6
    mysql查看日志
  • 原文地址:https://www.cnblogs.com/lhl66/p/7807875.html
Copyright © 2011-2022 走看看