如果有在vue.config.js里配置过style-resources-loader,这里resolve解析的路径styl文件会编译生成vue每个单组件的style标签,在main导入之后覆盖掉main里导入的样式
pluginOptions: {
'style-resources-loader': {
'preProcessor': 'stylus',
'patterns':
path.resolve(__dirname, './src/assets/stylus/*.styl')
]
}
}
main里导入的样式例如
import './assets/stylus/global.styl'
上示案例就是loader里的styl样式覆盖掉main里的global样式,同理,这里解析的css也会形成每个vue单组件的style标签,覆盖掉main里的样式,同时覆盖掉在上一行解析的styl的样式
path.resolve(__dirname, './src/assets/css/*.css')