目录

 

基本概念

代码与实例

---

 

基本概念

这里主要是使用了css预处理

首先下载包

npm install stylus stylus-loader

随后创建文件，然后写代码

这里还要导入代码：

这里还要引入下：

程序运行截图如下：

 

代码与实例

文件结构如下：

源码如下：

blogbal.styl

html, body{
  margin 0
  padding 0
  width 100%
  height 100%
}
 
body{
  background-image: url("../images/bg.jpg")
}

main.js

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
 
import './assets/styles/global.styl'
 
Vue.config.productionTip = false
 
/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})