[toc]
## 单文件组件内的cssModule配置
需要在vue-loader中打开相应配置项
![](https://box.kancloud.cn/d54828d9e8fde75252a277fbf911b060_530x538.png)
## import其它css文件时的cssModule配置
```
// ,'css-loader'
,{
loader:'css-loader'
,options:{
//CSS-Modules
module:true
//指定编译好的类名名字
,localIndentName: isDev ? '[path]-[name]-[hash:base64:5]' : '[hash:base64:5]'
}
}
```
下面的`className.footer`即是css文件里的`#footer`
![](https://box.kancloud.cn/70e4ac28709ad59d4672e94ef6c7d079_434x273.png)
- 空白目录
- vue-cli
- runtime-only
- Vue对比React
- 组件与实例
- data-binding
- computed的set和get
- scoped
- 事件
- 自定义指令
- 插件
- keep-alive
- $nextTick与生命周期
- 路由
- Vue.use(Router)
- this.$router编程式导航
- this.$route
- new Router
- routes
- mode
- linkClass
- scrollBehavior
- query
- fallback
- base
- router-view
- router-link
- 路由守卫
- 左右切换
- 滚动
- FAQ
- vuex
- 适用
- new Vuex.Store
- state
- mutations
- getters
- actions
- strict
- plugins
- modules
- namespace
- this.$store
- commit
- dispatch
- mapXX
- eventBus
- Vue工程相关
- 引用路径的简化
- css-module
- vue-loader
- 异步加载
- 支持jsx
- 让webpack支持对vuex的热替换
- .eslintrc