Question

我有非常复杂的webpack配置和开发我需要通过webpack-dev-server只使用几个入口点。休息将像往常一样编译到文件系统中。有什么方法可以做到这一点，或者我需要有2个webpack配置并单独运行它们。

简单的例子

{
  entry: {
    // Deliver this with dev server
    app: "../index.js",
    admin: "../admin.js",

    // Deliver this with default compilation into file system
    some_css: "../static.css",
    other_css: "../other.css"
  }
}

由于

Answer 1

最好和最干净的解决方案是为Dev和Prod创建两个不同的配置：

- webpack.config.js
- webpack.production.config.js

在webpack.config中：

entry: [

    // For hot style updates
    'webpack/hot/dev-server',

    // Our application
    // whatever file you need
    mainPath
]

在你的制作中：

devtool: 'source-map',
entry: mainPath,
output: {
  path: buildPath,
  filename: 'bundle.js'
}

当然，他们还有其他方法，例如检查环境变量：

var isProduction = process.env.NODE_ENV === 'production';

然后你可以在你的配置中使用它，但是，你说你的配置已经很复杂了，不会让它变得更复杂。

更新：

如果您只想要多个条目：

{
    entry: {
        a: "./index",
        b: "./admin",
        c: ["./c", "./d"]
    },
    output: {
        path: path.join(__dirname, "dist"),
        filename: "[name].entry.js"
    }
}

Webpack：只使用dev服务器

1 个答案: