vue移动端立项

步骤一：使用vue-cli模板创建新项目：vue init webpack ‘vue-test’

步骤二：引入SCSS

npm  install sass-loader -D

npm install node-sass -D

组件使用

<style scoped lang="scss">

执行完上面操作就可以直接在组件使用scss

使用 sass-resources-loader 实现全局变量、方法注入

 npm install sass-resources-loader -D

修改build/utils.js

步骤三：添加fastclick支持，处理移动端click事件300毫秒延迟

npm install fastclick -S

在main.js引入

import FastClick from 'fastclick'

FastClick.attach(document.body)

 

步骤四：引入淘宝适配lib-flexible

npm install lib-flexible -S

在main.js引入

import 'lib-flexible'

 

步骤五：安装px2rem-loader，px自动转rem

npm install px2rem-loader -D

修改build/utils.js

将px2rem-loader添加到cssLoaders中

const px2remLoader={

  loader:'px2rem-loader',

  options:{

    remUnit:75

  }

}

同时，在generateLoaders方法中添加px2remLoader

const loaders = options.usePostCSS ? [cssLoader, postcssLoader, px2remLoader] : [cssLoader, px2remLoader]

 

暂时就这样，后面再补充