在用hash 的形式打包文件后,html页面就不能确定引入哪一个文件了,因为文件名称是不确定的。为了在 HTML 中引用到正确的文件,我们需要知道构建的一些信息。我们可以通过下面的方法来获取:

module.exports = {
  plugins: [
    function() {
      this.plugin("done", function(stats) {
        require("fs").writeFileSync(
          path.join(__dirname, "...", "stats.json"),
          JSON.stringify(stats.toJson()));
      });
    }
  ]
}

剩下的就依赖你的服务器设置了,但我相信非常简单。如果你的应用不依赖于任何服务端渲染技术,生成一个单独的index.html就足够了,那么可以使用下面两个称赞的插件,html-webpack-plugininline-manifest-webpack-plugin,它们会显著地简化设置。

课程:Webpack3.x 快速入门
作者:阳明
人数:50人
时长:52.1 分钟
状态: 已完结