项目上线的配置

vue中引入better-scroll cnpm install better-scroll


vue中引入Bootstrap：
1.安装bootstrap框架 
cnpm install bootstrap
2.Bootstrap的dropdown插件是依赖popper.js 所以得安装这个插件
cnpm install popper.js
3.webpack.config.js中得plugins中配置：
  new webpack.ProvidePlugin({
    Popper: ['popper.js', 'default'],
  })
4.导入 
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min'

vue中引入jquery
1.安装jquery cnpm install jquery
2.配置jquery
new webpack.ProvidePlugin({
    $: "jquery",
    jQuery: "jquery"
});
3.导入 import $ from 'jquery'

vue中引入icomoon ：注意url()中无法使用配置的快捷路径。

//移动端300ms延迟解决方案
安装: npm install fastclick 
导入：import FastClick from 'fastclick';
调用attach()函数：FastClick.attach(document.body);

//vue中的懒加载
安装：npm install vue-lazyload
导入：import lazyload from 'vue-lazyload';
安装：Vue.use(lazyload);
修改：图片的scr:改为v-lazy:

//vue中px单位一次性转化
1.按照设计稿来正常写代码 
2.安装转换插件: npm install postcss-px-to-viewport --save-dev
3.新建文件postcss.config.js中对px2vw插件进行配置。