A área que hoje Casablanca ocupa foi colonizada pelos berberes, por volta do século X a.C.[1] Foi utilizada como porto pelos fenícios e depois pelos romanos.[2] Um pequeno reino independente, na zona com o nome de Anfa, surgiu na zona em resposta aos árabes muçulmanos, e continuou a existir até à sua conquista pelos Almorávidas em 1068.

Durante o século XIV, sob os Merínidas, a cidade aumentou em importância como porto e, no início do século XV, tornou-se novamente independente. Surgiu como um porto seguro para os piratas, o que conduziu a ataques por parte dos portugueses, que a nomeavam Anafé[3], e que destruíram a cidade em 1468, sob o comando do Infante Dom Fernando, irmão de El-Rei Dom Afonso V[4].

Em 1515, D. Manuel pretendeu conquistar a cidade, após edificar uma fortaleza em Mamora. A fortaleza chegou a ser iniciada, mas o Desastre de Mamora colocou fim a este intento, assim como à projetada conquista de Anafé.[5]

O núcleo urbano foi reconstruído pelo sultão de Marrocos a partir de 1757, após a destruição causada pelo terramoto de 1755.

Anfa é hoje o nome um bairro a oeste no centro da cidade. A cidade e a medina de Casablanca como hoje existe foram fundadas em 1770 pelo sultão Maomé ibne Abedalá (1756-1790), neto de Mulei Ismail. A cidade tinha o nome de Dar el Beida (que significa "Casa Branca" em árabe) e Casa Blanca em castelhano.

No século XIX Casablanca tornou-se um dos principais fornecedores de lã para a indústria têxtil, então em expansão na Grã-Bretanha, e beneficiou do aumento do tráfego marítimo (os britânicos, em contrapartida, começaram a importar a agora famosa bebida nacional do Marrocos, o chá pólvora). Por volta de 1860 tinha cerca de 5 000 habitantes. A população cresceu para cerca de 10 000 no final da década de 1880.[6] Casablanca manteve uma dimensão do porto algo modesta, com a população a atingir cerca de 12 000 poucos anos após a conquista francesa e a chegada de colonos franceses, inicialmente administradores dentro de um sultanato soberano, em 1906. Até 1921 deu-se o grande aumento para 110 000 habitantes[6] em grande parte através do desenvolvimento de bairros de lata.

Em Junho de 1907 os franceses tentaram construir uma linha de trem, próxima ao porto, que passava por um cemitério. Os habitantes da cidade atacaram os trabalhadores franceses, e seguiram-se violentos tumultos. Chegaram tropas francesas para restaurar a ordem pública e tomaram conta da cidade. Foi o início de um real processo de colonização, embora o controle francês de Casablanca só fosse formalizado em 1910. Foi especialmente durante o mandato do governador Hubert Lyautey que Casablanca se tornou o grande centro económico marroquino e o maior porto de África.

O filme Casablanca, de 1942, mostra o estatuto colonial da cidade naquela época, como centro de luta de poder entre as potências inimigas europeias, sem qualquer referência à população local, e com um vasto naipe de personagens cosmopolitas (americanos, franceses, alemães, checos e outros).

Marrocos obteve a independência de França em 2 de Março de 1956.

Em 16 de Maio de 2003, 33 pessoas morreram e mais de 100 ficaram feridas quando a cidade foi atingida por múltiplos ataques suicidas executados por marroquinos possivelmente ligados à al-Qaida.