Sass 世界上最成熟、最稳定、最强大的专业级CSS扩展语言
NProgress 前端轻量级web进度条
npm install node-sass --save-dev
npm install sass-loader --save-dev
打开目录build/webpack.base.config.js
在module->rules最后添加项
{
test: /\.scss$/,
loaders:['style','css','sass']
}
位置
测试sass
文件目录 src/style/index.css
// src/main.js
import '@/style/index.css'
这样就可以愉快的写一些公共样式了~
使用方法(http://yehe.isd.com/column/support-plan/article-edit/%5Bhttps://blog.csdn.net/qq_35844177/article/details/70171054%5D(https://blog.csdn.net/qq_35844177/article/details/70171054%29)
npm install nprogress --save
使用场景就是在每次切换路由跳转页面的时候都会通过滚动条来反映,那么就需要一个文件来控制路由及后期的限制页面访问权限
新建 src/permission.js文件
import router from "./router";
import store from "./store";
//nprogress
import Progress from "nprogress";
import "nprogress/nprogress.css";
//message
import { Message } from "element-ui";
router.beforeEach((to, from, next) => {
Porgress.start();
next();
Progress.done();
});
router.afterEach(() => {
Progress.done();
});