资讯专栏INFORMATION COLUMN

输出(output)

邱勇 / 1268人阅读

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

配置

配置 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
  • 学习笔记TF007:Tensor、Graph、Op、Variable、占位符、Session、名称作

    摘要:输入采用占位符,模型接收任意长度向量,随时间计算数据流图所有输出总和,采用名称作用域合理划分数据流图,每次运行保存数据流图输出累加均值到磁盘。与交换工作流分开,独立名称作用域包含对象,存储输出累加和,记录数据流图运行次数。 输入采用占位符,模型接收任意长度向量,随时间计算数据流图所有输出总和,采用名称作用域合理划分数据流图,每次运行保存数据流图输出、累加、均值到磁盘。 [None]代表...

    lakeside 评论0 收藏0

发表评论

0条评论

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