Please enable JavaScript.
Coggle requires JavaScript to display documents.
Webpack - Coggle Diagram
Webpack
Arquivo webpack.config.js
mode
development, production and homolog
entry
caminho do arquivo principal
output
regras para cada tipo de arquivo ( js, css, )
rules
regras
teste: /.s?[ac]ss$/ ,para css, scss e sass
Dependências
cross-env
Utilizado para setar a variável ENV ( NODE_ENV= ...)
file-loader
Para carregar imagens
webpack-dev-server
Cria um servidor para Dev
Automatizar Tarefas, porém baseado em módulos
CommonJS
Emca 2015
Extensões
webpack, webpack-cli
Dependências
CSS
style-loader
Adiciona CSS na DOM, injetando a tag <style>
css-loader
Interpreta
import,
url(),...
min-css-extract-plugin
Extrai o arquivo CSS
Dependências
node-sass
sass-loader
Obs
_dirname
Aponta para a Raiz do projeto