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文件。。。這樣就一次性導入了,不用一個個頁面導入

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM