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

我试过直接通过webpack(全局安装)和使用本地安装的webpack的npm run build运行它。都不起作用。

这是我的配置:

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构建文件,但现在已停止。我在任何时候都没有更改输出位置或入口文件。

有什么建议么?

最佳答案

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

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

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

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

关于javascript - Webpack不创建输出文件(不使用webpack-dev-server),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/39808410/

10-10 23:15
查看更多