2

我有一个带有两个 webpack 配置的通用 javascript 应用程序 - 一个用于服务器，一个用于客户端。在这两个配置中，我都使用文件加载器来要求静态文件（字体、图像等）并获取这些资产的 url。

在这两种配置中，我都使用publicPath /static/. 在客户端构建中，资产 url 的前缀是正确的，但在服务器端构建中它们不是。

这是服务器端配置：

const fs = require('fs');
const path = require('path');
const webpack = require('webpack');
const universalConfig = require('./universal.config.js');

// Exclude all modules in node_modules
// http://jlongster.com/Backend-Apps-with-Webpack--Part-I
const nodeModules = fs.readdirSync('node_modules')
  .filter(x => {
    return x !== '.bin' && x !== 'gsap';
  }).reduce((container, module) => {
    container[module] = `commonjs ${module}`;
    return container;
  }, {});

module.exports = {
  target: 'node',
  resolve: resolve: {
    root: path.resolve(__dirname, '../'),
    extensions: ["", ".js", ".jsx"]
  },
  entry: [
    'babel-polyfill',
    'server/entry.js'
  ],
  output: {
    filename: 'server.js',
    path: path.resolve(__dirname, '../build/server'),
    publicPath: '/static/'
  },
  externals: nodeModules,
  plugins: [
    new webpack.BannerPlugin(
      'require("source-map-support").install();',
      { raw: true, entryOnly: false }
    ),
    new webpack.NormalModuleReplacementPlugin(/gsap/, 'node-noop')
  ],
  node: {
    __dirname: true
  },
  module: loaders: [
    {test: /\.jsx?$/, exclude: /node_modules/,loader: 'babel'},
    {test: /\.(eot|svg|ttf|woff2?|jpg|png)$/i, loader: 'file-loader'}
  ]
};

谁能看到为什么output.publicPath在 require 调用中没有使用配置选项？

4

0 回答 0