mint-ui

1、执行命令npm install --save mint-ui下载mint-ui

2、实现按需打包

2.1、执行命令npm install --save-dev babel-plugin-component下载babel-plugin-component

2.2、修改.babelrc文件,在plugins中增加如下内容

["component", [
    {
      "libraryName": "mint-ui",
      "style": true
    }
  ]]

修改后内容:

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-vue-jsx", "transform-runtime", ["component", [
    {
      "libraryName": "mint-ui",
      "style": true
    }
  ]]]

3、在index.html中引入移动端的viewport

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />

4、在index.html中引入fastclick.js,解决移动端事件延迟,实现快速点击


  
  
  

5、修改后的index.html

DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  
  <meta name="viewport"
        content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
  <title>vueblanktitle>
  
  <script src="https://as.alipayobjects.com/g/component/fastclick/1.0.6/fastclick.js">script>
  
  <script>
    if ('addEventListener' in document) {
      document.addEventListener('DOMContentLoaded', function () {
        FastClick.attach(document.body);
      }, false);
    }
    if (!window.Promise) {
      document.writeln('
                    
                    

你可能感兴趣的:(mint-ui)