vue 公共樣式處理_全局styl文件
ue2.0中，在main.js文件裏引入了index.styl文件，在其他組件中樣式不生效。 只能通過在當前組件裏去引用.styl文件才有效果，這是什麽情況。 如果頁面很多了，那不是每個頁面都要引入這個.styl文件嗎？有什麽方式，只需要在入口文件引入一次，其它頁面不需要引入了嗎？
在 build utils exports.cssLoaders 下 配置
var stylusOptions = {
import: [
path.join(__dirname, "../src/components/common/stylus/index.styl"), // variables.styl全局變量文件
],
paths: [
path.join(__dirname, "../src/components/common/"),
path.join(__dirname, "../"),
],
}
return {
css: generateLoaders(),
postcss: generateLoaders(),
less: generateLoaders(‘less‘),
sass: generateLoaders(‘sass‘, { indentedSyntax: true }),
scss: generateLoaders(‘sass‘),
stylus: generateLoaders(‘stylus‘, stylusOptions),
styl: generateLoaders(‘stylus‘, stylusOptions),
}
然後在index.styl中import 其他styl文件。。。這樣就一次性導入了，不用一個個頁面導入
vue 公共樣式處理_全局styl文件