當一個文件目錄裏有多個文件,且這些文件都引用一個css時,打包小程序併發布以後,會有加載不上樣式的問題,這個時候,我們需要把文件做模塊化處理,每一個文件對應一個文件目錄,並創建對應的css樣式,不要幾個文件都引用相同的css。一個功能模塊對應一個文件夾,裏面是對應的jsx文件和css文件。這樣再次打包發佈後,就好了。——如果都使用同一個文件,那麼在打包以後,會在項目最外層生成一個common.wxss,這個時候那些文件都會引這個css文件,在開發環境下是OK的,但是發佈到線上以後就有問題了。
自定義組件的樣式,在被引用以後,父頁面是修改不了的,除非在自定義組件裏將組件構造器中的options.addGlobalClass
字段設置爲true
。
export default class CustomComp extends Component {
static options = {
addGlobalClass: true
}
render () {
return <View className="red-text">這段文本的顏色由組件外的 class 決定</View>
}
}
組件外的樣式定義
.red-text {
color: red;
}