2
respostas

Arquivos em dist não se criam.

Olá galera cheguei nessa parte do curso, e ao final do video da parte 4 atividade 3, ele mostra os arquivos dentro da pasta dist o meu esta tudo funcionando perfeitamente, a estilização da página no browser está ok, mais não sei porque não esta criando os arquivos em dist alguma idéia?

const path = require('path');
const babiliPlugin = require('babili-webpack-plugin');

let plugins = [];

if(process.env.NODE_ENV == 'production') {
    plugins.push(new babiliPlugin());
}

module.exports = {
    entry: './app-src/app.js',
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'dist'),
        publicPath: 'dist'
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: {
                    loader: 'babel-loader'
                }
            },
            {
                test: /\.css$/,
                loader: 'style-loader!css-loader'
            },
            { 
                test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/, 
                loader: 'url-loader?limit=10000&mimetype=application/font-woff' 
            },
            { 
                test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, 
                loader: 'url-loader?limit=10000&mimetype=application/octet-stream'
            },
            { 
                test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, 
                loader: 'file-loader' 
            },
            { 
                test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, 
                loader: 'url-loader?limit=10000&mimetype=image/svg+xml' 
            }
        ]
    },
    plugins
}
import { NegociacaoController } from './controllers/NegociacaoController.js';
import { Negociacao } from './domain/index.js';
import 'tachyons/css/tachyons.css';
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap-4-theme/dist/bootstrap-theme.css';

const controller = new NegociacaoController();
const negociacao = new Negociacao(new Date(), 1, 200);
const headers = new Headers();
headers.set('Content-Type', 'application/json');
const body = JSON.stringify(negociacao);
const method = 'POST';

const config = { 
    method,
    headers,
    body 
};

fetch('http://localhost:3000/negociacoes', config)
    .then(() => console.log('Dado enviado com sucesso'));
2 respostas
$ npm start

> client@1.0.0 start C:\dev\code\study\projeto-webpack\client
> webpack-dev-server

i 「wds」: Project is running at http://localhost:8080/
i 「wds」: webpack output is served from /dist
i 「wds」: Content not from webpack is served from C:\dev\code\study\projeto-webpack\client
i 「wdm」: Hash: d489dd3307c9e9686f4c
Version: webpack 4.32.2
Time: 4374ms
Built at: 2019-05-26 02:41:14
    Asset     Size  Chunks             Chunk Names
bundle.js  769 KiB    main  [emitted]  main
Entrypoint main = bundle.js
[0] multi (webpack)-dev-server/client?http://localhost ./app-src/app.js 40 bytes {main} [built]
[./app-src/app.js] 664 bytes {main} [built]
[./app-src/controllers/NegociacaoController.js] 5.58 KiB {main} [built]
[./app-src/domain/index.js] 186 bytes {main} [built]
[./node_modules/bootstrap-4-theme/dist/bootstrap-theme.css] 1.05 KiB {main} [built]
[./node_modules/bootstrap/dist/css/bootstrap.css] 1.04 KiB {main} [built]
[./node_modules/loglevel/lib/loglevel.js] 7.68 KiB {main} [built]
[./node_modules/querystring-es3/index.js] 127 bytes {main} [built]
[./node_modules/strip-ansi/index.js] 161 bytes {main} [built]
[./node_modules/tachyons/css/tachyons.css] 1.03 KiB {main} [built]
[./node_modules/url/url.js] 22.8 KiB {main} [built]
[./node_modules/webpack-dev-server/client/index.js?http://localhost] (webpack)-dev-server/client?http://localhost 9.26 KiB {main} [built]
[./node_modules/webpack-dev-server/client/overlay.js] (webpack)-dev-server/client/overlay.js 3.59 KiB {main} [built]
[./node_modules/webpack-dev-server/client/socket.js] (webpack)-dev-server/client/socket.js 1.05 KiB {main} [built]
[./node_modules/webpack/hot sync ^\.\/log$] (webpack)/hot sync nonrecursive ^\.\/log$ 170 bytes {main} [built]
    + 44 hidden modules
i 「wdm」: Compiled successfully.

Fala aí Carlos, tudo bem? Qual comando está sendo executado no seu start script? Talvez você só esteja subindo o servidor de desenvolvimento webpack-dev-server.

Para criar o dist será necessário rodar apenas webpack (precisa ter o cli instalado).

Espero ter ajudado.