You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Existem muitos recursos interessantes fornecidos por `vue-loader`:
9
+
O `vue-loader` fornece muitos recursos interessantes:
10
10
11
11
- ES2015 habilitado por padrão;
12
12
- Permite usar outros carregadores Webpack para cada parte de um componente Vue, por exemplo SASS para `<style>` e Jade para `<template>`;
@@ -15,24 +15,24 @@ Existem muitos recursos interessantes fornecidos por `vue-loader`:
15
15
- Pode simular escopo CSS para cada componente;
16
16
- Suporta componente hot-reloading durante desenvolvimento;
17
17
18
-
Em poucas palavras, a combinação de Webpack e `vue-loader` oferece um moderno, flexível e extremamente poderoso fluxo de trabalho front-end para criação de aplicações Vue.js.
18
+
Em poucas palavras, a combinação de Webpack e `vue-loader` oferece um fluxo de trabalho front-end moderno, flexível e extremamente poderoso para criação de aplicações Vue.js.
19
19
20
20
### O que é Webpack?
21
21
22
-
Se você já está familiarizado com Webpack, sinta-se livre para pular está explicação. Mas para aqueles de vocês que são novos com Webpack, aqui está uma pequena introdução:
22
+
Se você já esta familiarizado com o Webpack, fique à vontade para pular esta seção. Para aqueles que não conhecem o Webpack, aqui segue uma rápida introdução:
23
23
24
24
[Webpack](http://webpack.github.io/) é um empacotador de módulo. Ele pega um grupo de arquivos, trata cada um como um módulo, descobre as dependências entre eles e empacota em ativos estáticos prontos para implantação.
Para um exemplo básico, imagine que nós temos um monte de módulos CommonJs. Eles não podem rodar diretamente dentro do navegador, então precisamos empacotá-los dentro de um único arquivo que pode ser incluído através de uma tag `<script>`. Webpack pode seguir as dependências das chamadas `require()` e fazer isso para nós.
28
+
Para um exemplo básico, imagine que nós temos um monte de módulos CommonJs. Eles não podem rodar diretamente dentro do navegador, então precisamos empacotá-los dentro de um único arquivo que pode ser incluído através de uma tag `<script>`. Webpack é capaz de mapear as dependências injetadas pelas chamadas `require()` e empacotá-las para nós.
29
29
30
-
Mas Webpack pode fazer mais do que isso. Com "loaders", podemos ensinar Webpack a transformar todos os tipos de arquivos dá maneira que quisermos antes da saída final do pacote. Alguns exemplos incluem:
30
+
Mais do que isso, com o uso dos "loaders" o Webpack é capaz de transformar todos os tipos de arquivos da maneira como quisermos, antes do término da geração do pacote. Alguns exemplos incluem:
31
31
32
32
- Transpilar módulos ES2015, CoffeScript ou TypeScript em módulos simples CommonJs ES5;
33
-
-Opcionalmente você pode canalizar o código fonte através de um linter \(analisador de código\) antes de fazer a compilação;
34
-
- Transpilar modelos Jade em HTML simples em seguida colocá-lo como uma sequência de string JavaScript;
35
-
- Traspilar arquivos SASS em CSS simples, em seguida os converter em trechos de código JavaScript que insere o resultado CSS como uma tag `<style>`;
36
-
- Processar um arquivo de imagem referenciado em HTML ou CSS, movê-la para o destino desejado baseado no arquivo de configuração, e nomeá-la usando seu hash md5;
33
+
-Você pode escolher se quer canalizar o código fonte através de um linter \(analisador de código\) antes de fazer a compilação;
34
+
- Transpilar modelos Jade em HTML sem formatação e em seguida colocá-lo como uma sequência de string JavaScript;
35
+
- Traspilar arquivos SASS em CSS sem formatação, em seguida os converter em trechos de código JavaScript que insere o resultado CSS como uma tag `<style>`;
36
+
- Processar um arquivo de imagem referenciado em HTML ou CSS, movê-la para o destino desejado baseado no arquivo de configuração, e nomeá-la usando seu hash md5;
37
37
38
-
Webpack é tão poderoso que quando você entender como ele funciona, poderá melhorar drasticamente seu fluxo de trabalho front-end. Sua principal desvantagem é a configuração excessiva e complexa; Mas com este guia você deve se capaz de encontrar solução para muitas questões comuns usando Webpack com Vue.js e `vue-loader`.
38
+
Webpack é tão poderoso que quando você entender como ele funciona, poderá melhorar drasticamente seu fluxo de trabalho front-end. Sua principal desvantagem é a configuração excessiva e complexa; Mas com este guia você deve se capaz de encontrar solução para muitas questões comuns usando Webpack com Vue.js e `vue-loader`.
0 commit comments