javascript - Webpack skapar inte utdatafil (använder inte webpack-dev-server)

Jag använder webpack (INTE dev-servern, jag vet att den inte skapar en fil), och den skapar inte en dist-mapp eller utdatafil.

Jag har försökt köra det direkt genom webpack (installerat globalt) och npm run build som använder en lokalt installerad webpack. Ingen av dem fungerar.

Här är min konfiguration:

const path = require('path');

module.exports = {
  entry: {
    app: './src/entry.js',
  },
  output: {
    path: path.join('/dist'),
    filename: '[name].bundle.js',
  },
  module: {
    loaders: [
      {
        test: /\.tsx?$/,
        loader: 'ts-loader',
      },
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loaders: ['ng-annotate'],
      },
      {
        test: /\.js$/,
        exclude: /(node_modules)/,
        loader: 'babel', // 'babel-loader' is also a legal name to reference
        query: {
          presets: ['es2015', 'latest'],
        },
      },
      {
        test: /\.css$/,
        loader: 'style-loader!css-loader',
      },
      {
        test: /\.html$/,
        loader: 'html',
      },
      {
        test: /\.less$/,
        loader: 'style!css!less',
      },
    ],
  },
  resolve: {
    extensions: ['', '.webpack.js', '.web.js', '.ts', '.tsx', '.js'],
    root: [
      path.resolve('./src'),
      path.resolve('./node_modules'),
    ],
    alias: {
      vendor: path.join('/node_modules'),
    },
    fallback: ['node_modules'],
  },
};

Jag har försökt åtgärda problemet genom att skapa dist-mappen manuellt, men det fungerar inte heller, filen skapas fortfarande inte.

Det konstiga är att det faktiskt byggde filen tidigare, men nu har det slutat. Jag har inte ändrat platsen för utdata eller startfilen vid något tillfälle.

Några förslag?

Svar #1

Din webpack-utdata sökväg är absolut:

output: {
    path: path.join('/dist'), <----
    filename: '[name].bundle.js',
},

Jag gissar att det genereras i din rotkatalog. /dist skulle betyda från roten av ditt filsystem, inte i förhållande till din projektkatalog.

Det borde vara:

output: {
    path: path.join('./dist'),
    filename: '[name].bundle.js',
},

Relaterade artiklar