项目实战

最新推荐文章于 2024-05-13 18:54:19 发布

笔描相思

最新推荐文章于 2024-05-13 18:54:19 发布

阅读量99

点赞数

分类专栏：学习

本文链接：https://blog.csdn.net/qq_44788119/article/details/116861570

版权

学习专栏收录该内容

95 篇文章 0 订阅

订阅专栏

1:划分目录
在这里插入图片描述
2:全局样式的css的引入

在base.css里面引入,normalize.css

@import url("./normalize.css");
body{
	padding: 0;
	margin: 0;
}

app组件中使用css

<template>
  <div id="app">
   
  
  </div>
</template>

<script>
export default {
  name: 'App',
  components: {
   
  }
}
</script>

<style>
@import url("./assets/css/base.css");

</style>

脚手架3中进行文件别名的配置
创建vue.config.js文件

module.exports={
	configureWebpack:{
		resolve:{
			alias:{
				'assets':'@/assets',
				'common':'@/common',
				'components':'@/components',
				'network':'@/network',
				'views':'@/views'
			}
		}
	}
}