vue封装组件库

2020-04-30
官网

博客地址
github：https://github.com/weizhuren/one-ui
csdn：https://blog.youkuaiyun.com/weixiaowei_2016
https://github.com/hucongcong/itcast-ui

我的博客地址
https://gitee.com/lucky_ck/ck-ui

vue3.0 安装

1. vue create ck-ui
2. Manually select features
3. babel css linter router vuex
4. sass/scss (with dart-sass) 官方目前主力推 dart-sass 最新的特性都会在这个上面先实现
5. ESLint + Standard config 不准空格 分号 逗号 风格
6. Lint on save 保存校验
7. In package.json

core-js 简介

开源库zloirock/core-js
提供了es5、es6的polyfills，包括promises、symbols、collections、iterators、typed arrays、ECMAScript 7+ proposals、setImmediate 等等。
如果使用了 babel-runtime、babel-plugin-transform-runtime 或者 babel-polyfill，你就可以间接的引入了 core-js 标准库

问题

• 1.ESLint + Standard config

vueconfig.js

module.exports = {
  lintOnSave: false  //关闭 eslint
} 

• 2.sass-loader8.0 的坑
  一般使用sass的 项目一般都会碰到 build失败的坑 ，尝试很多办法说什么node npm 不兼容导致
  经过尝试发现都无效
  最终找到的解决办法是这样的降低版本
  sass-loader": “^7.3.1”,

• 3 vue template里面一定要div包裹

<template>
	<div class="home">  
	  //最外层包裹
	</div>
</template>

• 4 网页变灰的代码 滤镜fillter变灰

html{
	 filter:grayscale(100%)
	-webkit-filter:grayscale(100%)   //代表safari、chrome私有属性
	-moz-filter:grayscale(100%)     //代表firefox浏览器私有属性
	-ms-filter:grayscale(100%)     //代表ie浏览器私有属性
	-o-filter:grayscale(100%)     //代表Opera
	-webkit-filter:grayscale(1)
}