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插件进行配置。
项目上线的配置
最新推荐文章于 2022-04-07 19:15:43 发布