資訊專(zhuān)欄INFORMATION COLUMN
摘要：全新的的項(xiàng)目有全新的配置文件，版本的配置文件為，其結(jié)構(gòu)已經(jīng)發(fā)生很大的變化，下面是基于版本改，并通過(guò)變量自定義的主題的方法和碰到的一些問(wèn)題修改文件修改文件下面的中的指定項(xiàng)目構(gòu)建時(shí)導(dǎo)入的樣式文件改為你自定義的文件相應(yīng)的文件，小伙伴先注意這個(gè)
全新的的angular@^6項(xiàng)目有全新的配置文件angular.json，@<6版本的配置文件為angular-cli.json，其結(jié)構(gòu)已經(jīng)發(fā)生很大的變化，下面是基于angular@^6版本sass改less，并通過(guò)less變量自定義ng-zorro的主題的方法和碰到的一些less問(wèn)題
修改angular.json文件 schematics.@schematics/angular:component.styleext = less
"schematics": {
"@schematics/angular:component": {
......
"styleext": "less"
},
}
修改angular.json文件architect下面的builder中的指定項(xiàng)目構(gòu)建時(shí)導(dǎo)入的樣式文件改為你自定義的less文件
"styles": [
"src/styles/styles.less"
],
相應(yīng)的文件，小伙伴先注意styles.less這個(gè)文件，styles.var.less這兩個(gè)文件和其他文件夾后面一一說(shuō)一下
下面是新自定義的styles.less文件
@import "../../node_modules/ng-zorro-antd/src/ng-zorro-antd.less"; //引入ng-zorro的樣式 @import "./styles.var.less"; //自定義的less變量和覆蓋ng-zorro的官方變量 @import "......"; //進(jìn)入其他樣式，這些樣式可以根據(jù)業(yè)務(wù)細(xì)分建成相應(yīng)的文件夾和文件，如圖
這時(shí)候運(yùn)行項(xiàng)目會(huì)包如下錯(cuò)誤，大體是 bezierEasingMixin()函數(shù)不好使 javascript被禁用，解決方法，在
node_modules@angular-devkituild-angularsrcangular-cli-filesmodelswebpack-configsstyles.js line 136和142行（由于版本不一樣文件的位置也不一樣），lessPathOptions這個(gè)對(duì)象，加入屬性lessPathOptions.javascriptEnabled = true
let lessPathOptions = { paths: [], javascriptEnabled: true};
if (......);
lessPathOptions = {
paths: includePaths,
javascriptEnabled: true
};
}
現(xiàn)在項(xiàng)目就能完美運(yùn)行了，接下來(lái)就可以按照ng-zorro的官方教程做自定義樣式和字體本地化了
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/96032.html
摘要：正如官網(wǎng)所說(shuō)，項(xiàng)目國(guó)際化是一件具有挑戰(zhàn)性，需要多方面的努力持久的奉獻(xiàn)和決心的任務(wù)。本文將介紹項(xiàng)目的國(guó)際化方案，涉及靜態(tài)文件和文件文案的國(guó)際化。參考目錄的國(guó)際化在線例子國(guó)際化 正如angular官網(wǎng)所說(shuō)，項(xiàng)目國(guó)際化是一件具有挑戰(zhàn)性，需要多方面的努力、持久的奉獻(xiàn)和決心的任務(wù)。本文將介紹angular項(xiàng)目的國(guó)際化方案，涉及靜態(tài)文件(html)和ts文件文案的國(guó)際化。 背景 Angular:...
摘要：具體來(lái)說(shuō)，包管理器就是可以通過(guò)命令行，幫助你把外部庫(kù)和插件放到你的項(xiàng)目里面并在之后進(jìn)行版本升級(jí)，這樣就不用手工復(fù)制和更新庫(kù)?，F(xiàn)在有的包管理器主要是和。 一、基礎(chǔ) 1、學(xué)習(xí)HTML基礎(chǔ) HTML給你的網(wǎng)頁(yè)賦予了結(jié)構(gòu)。它就像是人的骨架那樣讓你保持站立。首先你需要去學(xué)習(xí)語(yǔ)法以及它必須提供的一切。你的學(xué)習(xí)應(yīng)該聚焦在下面這些東西上： 學(xué)習(xí)HTML基礎(chǔ)，了解如何編寫(xiě)語(yǔ)義HTML 理解如何把網(wǎng)頁(yè)分...
摘要：具體來(lái)說(shuō)，包管理器就是可以通過(guò)命令行，幫助你把外部庫(kù)和插件放到你的項(xiàng)目里面并在之后進(jìn)行版本升級(jí)，這樣就不用手工復(fù)制和更新庫(kù)?，F(xiàn)在有的包管理器主要是和。 一、基礎(chǔ) 1、學(xué)習(xí)HTML基礎(chǔ) HTML給你的網(wǎng)頁(yè)賦予了結(jié)構(gòu)。它就像是人的骨架那樣讓你保持站立。首先你需要去學(xué)習(xí)語(yǔ)法以及它必須提供的一切。你的學(xué)習(xí)應(yīng)該聚焦在下面這些東西上： 學(xué)習(xí)HTML基礎(chǔ)，了解如何編寫(xiě)語(yǔ)義HTML 理解如何把網(wǎng)頁(yè)分...
摘要：相信用的同學(xué)也不少找到函數(shù)在其中中添加啟用編譯。。。react 最近已經(jīng)開(kāi)始使用react技術(shù)棧了，從頭開(kāi)始搭建項(xiàng)目，有必要的記錄一下配置的過(guò)程以及項(xiàng)目分層的思路，這次后臺(tái)項(xiàng)目采用的主要采用react-create-app腳手架以及Ant DesignUI 以及多語(yǔ)言react-intl create-react-app 這是官方維護(hù)的腳手架應(yīng)用 我們一般也采用這個(gè) $ npm or c...
閱讀 1539·2023-04-26 00:25
閱讀 924·2021-09-27 13:36
閱讀 935·2019-08-30 14:14
閱讀 2185·2019-08-29 17:10
閱讀 1018·2019-08-29 15:09
閱讀 1954·2019-08-28 18:21
閱讀 971·2019-08-26 13:27
閱讀 984·2019-08-26 10:58
