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

  • 相关阅读:
    C#监听文件
    用bootstrapValidator来验证UEditor
    .net 在不同情况下调用带soapheader的webservice的方式
    MyBatis1
    随堂笔记2
    数学复习笔记 2018年-2019年
    药方
    随堂笔记一
    友谊藏在门背后,2
    友谊藏在门背后
  • 原文地址:https://www.cnblogs.com/lhl66/p/7807875.html
Copyright © 2011-2022 走看看