Webpack构建目标(Targets)
来源:互联网 发布:新手可以做淘宝代销吗 编辑:程序博客网 时间:2024/06/04 19:36
用法这里写链接内容
要设置 target 属性,只需要在你的 webpack 配置中设置 target 的值。
webpack.config.js
module.exports = {
target: ‘node’
};
在上面例子中,使用 node webpack 会编译为用于「类 Node.js」环境(使用 Node.js 的 require ,而不是使用任意内置模块(如 fs 或 path)来加载 chunk)。
每个target都有各种部署(deployment)/环境(environment)特定的附加项,以支持满足其需求。查看target 的可用值。
多个 Target
尽管 webpack 不支持向 target 传入多个字符串,你可以通过打包两份分离的配置来创建同构的库:
webpack.config.js
var path = require(‘path’);
var serverConfig = {
target: ‘node’,
output: {
path: path.resolve(__dirname, ‘dist’),
filename: ‘lib.node.js’
}
//…
};
var clientConfig = {
target: ‘web’, // <=== 默认是 ‘web’,可省略
output: {
path: path.resolve(__dirname, ‘dist’),
filename: ‘lib.js’
}
//…
};
module.exports = [ serverConfig, clientConfig ];
上面的例子将在你的 dist 文件夹下创建 lib.js 和 lib.node.js 文件。
- Webpack构建目标(Targets)
- webpack--概念8--manifest+runtime+构建目标
- (一)项目构建目标
- React(10)-- 构建工具Webpack
- webpack构建vue项目(配置篇)
- webpack构建vue项目(配置篇)
- webpack构建vue项目(配置篇)
- 打包工具(构建工具)-webpack
- webpack构建vue项目(配置篇)
- webpack---webpack构建vue多页面框架(四、自动化构建)
- Targets
- 用Webpack构建Vue
- webpack构建优化
- vue2+webpack构建项目
- 用Webpack构建Vue
- react+webpack构建步骤
- webpack进阶构建项目
- Webpack项目构建
- spring线程池在新的线程中获取不到注入的实例
- 十二 Java日期时间
- BI笔记之--- SSAS部署的几种方式
- android RecyclerView 频繁设置数据闪退问题
- [DP] BZOJ4321. queue2
- Webpack构建目标(Targets)
- windows用psftp传文件到Linux
- ARouter 路由框架
- 使用 Task 简化异步编程
- C++笔记
- Android IPC机制学习笔记(一)
- apache Shiro学习笔记(三)Authorization
- websocket与struts2冲突
- iOS 11开发教程(十三)iOS11应用编辑界面添加视图