Grunt é baseado no Node.js e é desenvolvido em JS. Dessa forma, você pode usar o Node.js para realizar operações de desktop entre sistemas e plataformas cruzadas, como operações de arquivo, etc. Além disso, o Grunt e seus plunt-ins são todos usados como um pacote que pode ser gerenciado usando a instalação do NPM.
Portanto, o arquivo do projeto Package.json gerado pelo NPM pode gravar o plug-in Grunt usado no projeto atual, e o Grunt chamará o arquivo Gruntfile.js, analisará as tarefas (tarefas) e executará operações correspondentes.
Instale Grunt-Cli
De fato, é instalar o Grunt-Cli, onde a interface da linha de comando (CLI) do Grunt é instalada. Depois disso, o comando grunhido será reconhecido no prompt de comando. A instalação do Grunt-Cli não é chamada de instalação de grunhidos. Isso ocorre porque o próprio grunhido não é usado globalmente. Se você deseja usar o Grunt, precisa instalar o Grunt uma vez para qualquer diretório de trabalho específico. Isso também ocorre porque diferentes diretórios de trabalho requerem um trabalho de automação diferente através do Grunt, por isso precisa ser configurado de forma independente.
NPM Install -g Grunt -cli
― Parâmetro-Dev-Dev, indicando que a coisa recém-instalada será adicionada ao arquivo package.json.
Gereate package.json Arquivo
O NPM tem um requisito para o diretório de trabalho. Este requisito é: existe um package.json no local do diretório raiz.
documento. Este arquivo define algumas informações do projeto (nome, descrição) correspondentes ao diretório de trabalho, bem como às dependências do pacote (ou seja, o módulo NPM).
Executar o seguinte comando para inicializar
NPM INIT
Instale os plug -ins Grunt e necessários para o diretório de trabalho atual
Método 1
Instalamos o Grunt no diretório global antes e agora precisamos apresentá -lo ao caminho atual do projeto. Ao mesmo tempo, os plug -ins necessários podem incluir os:
Arquivos de mesclagem: Grunt-Contrib-Concat
Sintaxe Verificação: JUNTRIB-JSHINT
SCSS Compilado: Grunt-Contrib-Sass
Arquivo compactado: Grunt-Contrib-uplify
Ouça as mudanças de arquivo: Watch Grunt-Contrib-Watch
Crie um servidor local: Grunt-Contrib-Connect
A maneira como eles podem ser instalados é:
NPM Install-Save-dev Gruntnpm Instalação-Plugin Plugin 1-Save-Dev 1 2 Plugin 3
Neste momento, há algum código extra na pasta package.json.
"DevDependências": {"Grunt": "0.4.1"},Método 2 - Alterar pacote.json manualmente
"DevDependências": {"Grunt": "~ 0.4.1", "Grunt-Contrib-Cssmin": "~ 0.7.0"}Adicione manualmente este campo no arquivo package.json e adicione os pacotes que precisam depender. Se você precisar instalar apenas a versão mais recente, poderá alterá -la para * e executar a instalação do NPM. Você descobrirá que existe uma pasta Node_modules na pasta, que armazena os plug-ins que precisamos.
Configuração
De um modo geral, use modelos diretamente como arquivos de configuração.
module.exports = function (grunhido) {"use strict"; Grunt.InitConfig ({// Área de configuração do plug -in}); // Carregar tarefas do plug-in, adicione quem você deseja usar Grunt.LoadnpMtasks ('Grunt-Contrib-ugulify'); Grunt.LoadnpMtasks ('Grunt-Contrib-Cssmin'); Grunt.LoadnpMTasks ('Grunt-Contrib-Imagimin'); // Registre a tarefa Grunt.RegisterTask ('padrão', ['cssmin', 'imageMin', 'uglify']);};Grunt.LoadnpMtasks () é uma tarefa de plug -in de carregamento. De fato, se você deseja usar a função de qual plug -in, use este código para adicionar a tarefa do plug -in nesta parte.
Grunt.RegisterTask () é uma tarefa registrada e há um padrão por padrão. O padrão significa que, quando você o usa por último, você pode entrar diretamente no Grunt no prompt de comando no diretório para executar a tarefa registrada, o que equivale a executar a tarefa padrão.
Usando tarefas personalizadas
Mais comandos de tarefas podem ser registrados e outros nomes podem ser usados. por exemplo
Grunt.RegisterTask ('Custom', ['cssmin', 'imageMin']);Ao usá -lo, digite:
Grunt costume