Pacotes no desenvolvimento frontend

William Oliveira

http://www.evolutionoftheweb.com/?hl=pt-br evolutionoftheweb.com

module.exports = { entry: './path/to/my-entry-file.js' }

const path = require('path'); module.exports = { entry: './path/to/my-entry-file.js', output:
{ path: path.resolve(__dirname, 'dist'), filename: 'app.bundle.js' } };

entry: { app: './src/app.js', dashboard: './src/dashboard.js' }

rules: [ { test: /\.css$/, use: [ { loader: 'style-loader'
}, { loader: 'css-loader', options: { modules: true } }, { loader: 'sass-loader' } ] } ]

plugins: [ new Dotenv({ path: './.env', safe: true }) ]

module.exports = { mode: 'production', entry: './path/to/my-entry-file.js', output: { path:
path.resolve(__dirname, 'dist'), filename: 'bundle.js' }, module: { rules: [ { test: /\.jsx?$/, loader: 'babel-loader', options: { presets: ['es2015'] } }, { test: /\.html$/, use: [ 'htmllint-loader', { loader: 'html-loader', options: {} ...

Pacotes no desenvolvimento frontend

Pacotes no desenvolvimento frontend

William Oliveira

More Decks by William Oliveira

Other Decks in Programming

Featured

Transcript

William Oliveira

http://www.evolutionoftheweb.com/?hl=pt-br evolutionoftheweb.com

<html> ... <script src="/src/jquery.min.js"></script> <script src="/src/module_1.js"></script> <script src="/src/module_2.js"></script> <script src="/src/module_3.js"></script>

<html> <script src="/dist/bundle.js"></script> </html>

module.exports = { entry: './path/to/my-entry-file.js' }

const path = require('path'); module.exports = { entry: './path/to/my-entry-file.js', output:

entry: { app: './src/app.js', dashboard: './src/dashboard.js' }

rules: [ { test: /\.css$/, use: [ { loader: 'style-loader'

plugins: [ new Dotenv({ path: './.env', safe: true }) ]

module.exports = { mode: 'production', entry: './path/to/my-entry-file.js', output: { path: