javascript - 完全忽略 webpack 中的目录

Question

我的应用程序具有以下结构

./
client/
    .. some files
server/
    server.js
widgets/
    .. some files
webpack.conf.js

现在，我希望 webpack 完全忽略 server/ 目录的内容。我知道，webpack 正在运行来自 server.js 的文件，因为当我自己启动它时 - 我得到了 EADDRINUSE。 Webpack 运行 server.js 文件。

我试过以下方法

• 在 module.loaders 中使用 include 和 exclude
• 使用module.noParse
• 在 resolve.root 中选择客户端和小部件

似乎以上所有操作都是在 webpack 请求 server.js 文件后执行的。因为如果我将无效参数放入例如 module.loaders 并将语法错误放入 server.js 我首先会看到语法错误，然后是 webpack 中的无效参数消息。

这是我的 webpack 配置

var path = require('path')
console.log(path.resolve(__dirname, 'client'))

module.exports = {
    entry: './client/index.jsx',
    output: {
        publicPath: 'http://localhost:8090/assets'
    },
    module: {
      loaders: [{
          noParse: /server/,
          test: /\.jsx$/,
          loader: 'jsx-loader?insertPragma=React.DOM&harmony'
        }, {
          test: /\.scss$/,
          loader: 'style!css!sass'
        }
      ]
    },
    resolve: {
      root: [
        path.resolve(__dirname, 'client')
      ]
      extensions: ['', '.js', '.jsx']
    }
}

使用以下命令启动 webpack:

webpack-dev-server --progress --colors --port 8090

Answer 1

如果您的客户端需要它们，Webpack 只会尝试从服务器捆绑文件。而且 webpack 不可能尝试执行您的代码。

所以问题可能根本不是关于 webpack 的。我假设你的服务器已经在这个端口上运行。尝试在不同的端口上运行 webpack-dev-server。