Question

我正在使用Express来提供来自2个静态目录的内容

app.use('/static', express.static("blossom"))
app.use('/static', express.static("public"))

还使用Webpack使用这些脚本运行我的服务器

"scripts": {
    "start": "if-env NODE_ENV=production && npm run start:prod || npm run start:dev",
    "start:dev": "webpack-dev-server --inline --content-base static/ --history-api-fallback",
    "start:prod": "npm run build && node server.bundle.js",
    "build:client": "webpack",
    "build:server": "webpack --config webpack.server.config.js",
    "build": "npm run build:client && npm run build:server"
},

我HTML中文件的典型链接如下所示，在生产环境中很好，但在使用404

运行webpack-dev-server时npm start

<link rel="stylesheet" type="text/css" href="/static/css/highlight.css" />

webpack.config.js

var webpack = require('webpack')

module.exports = {
    entry: './index.js',
    plugins: process.env.NODE_ENV === 'production' ? [
        new webpack.optimize.DedupePlugin(),
        new webpack.optimize.OccurrenceOrderPlugin(),
        new webpack.optimize.UglifyJsPlugin()
    ] : [],

    output: {
        path: 'public',
        filename: 'bundle.js',
        publicPath: '/static/'
    },

    module: {
        loaders: [
            { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?presets[]=es2015&presets[]=react' }
        ]
    }
}

现在已经搞乱了一段时间，但是如何在我的/static/虚拟目录服务的同时运行我的webpack-dev服务器呢？试图将publicPath的{{1}}设置为output，但没有运气。

使用Webpack-dev-server从2个文件夹中提供静态资产

0 个答案: