Webpack不创建输出文件（不使用webpack-dev-server）

Question

我正在使用webpack（不是dev-server，我知道它不输出文件），并且它没有创建dist文件夹或输出文件。

我试过直接通过webpack（全局安装）运行它，npm run build并使用本地安装的webpack。都不起作用。

这是我的配置：

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'],
  },
};

我试图通过手动创建dist文件夹来解决此问题，但这也不起作用，仍然无法创建该文件。

奇怪的是，它之前已DID构建文件，但现在已停止。我在任何时候都没有更改输出位置或入口文件。

有什么建议么？

Answer 1

您的webpack输出路径是绝对的：

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

我的猜测是它在您的根目录中生成。/dist表示从文件系统的根目录开始，而不是相对于项目目录。

它应该是：

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