Basic Example Webpack Mix
A propósta do Webpack Mix é facilitar a configuração do webpack fornecendo uma API limpa e eficiênte com suporte a vários pré-processadores CSS e Javascript comuns.
git clone https://github.com/natanaeldeveloper/example-webpack-mix
cd basic - example - webpack - mix
npm install
Executar projeto localmente
npm hot // open browser localhost:8080
|--dist/
|--node_modules/
|--src/
| |--images/
| |--js/
| |--scss/
|--package.json
|--webpack.mix.js
let mix = require ( 'webpack-mix' ) ;
mix . js ( 'src/js/app.js' , 'dist/' )
. sass ( 'src/scss/app.scss' , 'dist/' )
. setPublicPath ( 'dist' ) ;
"webpack-mix" : " ^3.0.0" ,
/* resolve varáveis de ambiente */
"cross-env" : " ^7.0.3" ,
"scripts" : {
"dev" : " cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/webpack-mix/setup/webpack.config.js" ,
"watch" : " cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/webpack-mix/setup/webpack.config.js" ,
"hot" : " cross-env NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/webpack-mix/setup/webpack.config.js" ,
"prod" : " cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/webpack-mix/setup/webpack.config.js"
}
Para mais detalhes sobre instalação e configuração do Webpack Mix consulte a documentação
Consultar Documentação