资讯专栏INFORMATION COLUMN

输出(output)

邱勇 / 1460人阅读

摘要:注意,即使可以存在多个起点,但只指定一个配置。用法在中配置属性的最低要求是,将它的值设置为一个对象,包括以下属性用于输出文件的文件名。应用程序入口的其余部分

配置

配置 output 选项可以控制 webpack 如何向硬盘写入编译文件。注意,即使可以存在多个 entry 起点,但只指定一个 output 配置。

用法(Usage)

在 webpack 中配置 output 属性的最低要求是,将它的值设置为一个对象,包括以下属性:

filename 用于输出文件的文件名。

用法(Usage)

__webpack.config.js__!

module.exports = {
  output: {
    filename: "bundle.js",
  }
};

此配置将一个多带带的 bundle.js 文件输出到 dist 目录中。

多个入口起点

如果配置创建了多个多带带的 "chunk"(例如,使用多个入口起点或使用像 CommonsChunkPlugin 这样的插件),则应该使用 占位符(substitutions) 来确保每个文件具有唯一的名称。

module.exports = {
  entry: {
    app: "./src/app.js",
    search: "./src/search.js"
  },
  output: {
    filename: "[name].js",
    path: __dirname + "/dist"
  }
};

// 写入到硬盘:./dist/app.js, ./dist/search.js
高级进阶

以下是对资源使用 CDN 和 hash 的复杂示例:

config.js

module.exports = {
  //...
  output: {
    path: "/home/proj/cdn/assets/[hash]",
    publicPath: "http://cdn.example.com/assets/[hash]/"
  }
};

如果在编译时,不知道最终输出文件的 publicPath 是什么地址,则可以将其留空,并且在运行时通过入口起点文件中的 __webpack_public_path__ 动态设置。

__webpack_public_path__ = myRuntimePublicPath;

// 应用程序入口的其余部分

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/106765.html

相关文章

  • php://output和php://stdout的区别

    摘要:同理可得到和的区别是进程的标准输出流,是返回的结果数据流。在浏览器端,进程的输出流被忽略,只有结果数据流被发送到服务器。同时,和调用的信息都作为执行结果发往结果输出流,所以都正常显示。 转载请注明文章出处:https://tlanyan.me/php-output... PHP包含了以php://开头的一系列输出输出流,如php://stdin, php://stdout等。今天查看...

    binaryTree 评论0 收藏0
  • seq2seq

    当谈到机器翻译、语音识别和自然语言生成等任务时,seq2seq模型是非常流行的一种技术。Seq2seq模型是一种基于深度学习的神经网络结构,它可以将一个序列映射到另一个序列。在这篇文章中,我们将介绍seq2seq模型的编程技术。 首先,我们需要明确的是,seq2seq模型由两个部分组成:编码器和解码器。编码器将输入序列转换为一个固定长度的向量,而解码器则将此向量转换为输出序列。在训练过程中,我们...

    Freeman 评论0 收藏2971

发表评论

0条评论

最新活动
阅读需要支付1元查看
<