webpack2.x 中文文档翻译之出口Output

weizx 发布于2019-08-20 14:42 / 2256人阅读

摘要：出口影响编译的输出告诉怎样编译输出的文件允许多个入口一个出口的情况。该选项实现跨域加载模块可以的值是命名每个出口文件。不必明确绝对路径。使用设置项，设置具体位置。仅仅命名文件名字即可。

出口Output

影响编译的输出
告诉webpack怎样编译输出的文件
允许多个入口一个出口的情况。

用法

const config = {
  output: "bundle.js"
};

module.exports = config;

选项

以下是你可以设置的值的output的选项。

output.chunkFilename output.crossOriginLoading

该选项实现跨域加载模块
可以的值是：false anonymous use-credentials

output.devtoolLineToLine output.filename

命名每个出口文件。
不必明确绝对路径。
使用output.path设置项，设置具体位置。
filename仅仅命名文件名字即可。

{
  entry: "./src/app.js",
  output: {
    filename: "bundle.js",
    path: __dirname + "/build"
  }
}

// writes to disk: ./build/bundle.js

多个入口
如果你是用多个块。
可以使用分发来确保每个文件的名字不重复

{
  entry: {
    app: "./src/app.js",
    search: "./src/search.js"
  },
  output: {
    filename: "[name].js",
    path: __dirname + "/build"
  }
}

// writes to disk: ./build/app.js, ./build/search.js

output.hotUpdateChunkFilename output.hotUpdateFunction output.hotUpdateMainFilename output.jsonpFunction output.library output.libraryTarget output.path output.sourceMapFilename

服务器托管海外云主机中文翻译 webrtc中文翻译源码中文说明之 java中文乱码解决之道

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

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

webpack2.x 中文文档翻译之分离库代码Code Splitting - Librari

摘要：浏览器需要重新下载打包后的文件，即使文件的绝大部分都没有变化。分离并且以来命名新的入口能够缓和当前的问题。现在运行绑定的检查结果是只是被绑定到这个绑定文件中。分离库代码Code Splitting - Libraries 这个在webpack2.x中文网已存在，点击这里让我们想一个简单的应用——momentjs，他是一个事件格式化的库。安装moment. npm install -...

elva 2019-08-20 14:43 评论0 收藏0
webpack2.x 中文文档翻译之开发Development

摘要：下载完成之后你可以这样启动它如果控制台提醒这个指令无效，可以尝试最好的方法是在中添加命令如下上述命令会使浏览器自动打开到地址。下载完成，如下使用。开发Development 在这篇中我们将说明怎样开始开发，以及增从三个工具中择一进行开发。假使你已经设置了webpack.config.js设置文件。该文档已在webpack2.x中存在，点击这里永远不要再生产产品中使用这些工具，绝对...

GeekGhc 2019-08-20 14:40 评论0 收藏0
webpack2.x 中文文档翻译之公开路径(pbulic path)

摘要：公开路径该条已在中文网存在点击这里有一个非常有用的设置，允许你设置一个所有资源的基础路径在你的应用中。使用案例这里有有些实际应用中的案例，其中它使用的非常灵活。公开路径(pbulic path) 该条已在webpack2.x中文网存在,点击这里 webpack有一个非常有用的设置，允许你设置一个所有资源的基础路径在你的应用中。它叫做publicPath。使用案例(Use cases...

W4n9Hu1 2019-08-20 14:43 评论0 收藏0
代码分离-import() webpack2.x 中文文档翻译

摘要：代码分离使用中文文档地址点击这里动态导入目前，类函模块加载的语法建议整体交给。在中的是个分离点，用来把被请求的模块独立成一个单独的模块。被替代因为在中使用已经不合建议规范，因此将在版本中启用。代码分离-使用import() 中文文档地址点击这里动态导入目前，类函模import()块加载的语法建议——syntax proposal整体交给ECMAScript。ES2015(es6)...

jaysun 2019-08-20 15:18 评论0 收藏0
webpack2.x 中文文档翻译之依赖管理 Dependency Management

摘要：依赖管理该条已在中文网存在，点击这里表达式来调用当你的请求包含表达式，那个一个上下文环境将被创建。一个包含所有父文件夹和子及后代文件夹中以结尾的文件的上下文。一个函数，返回一个数组，包含上下文模块能够处理的所有的请求。依赖管理 Dependency Management 该条已在webpack2.x中文网存在，点击这里 es6 modules commonjs amd 表达式...

raledong 2019-08-20 14:42 评论0 收藏0