webpack学习系列三(https://webpack.js.org/concepts/output/)
来源:互联网 发布:做淘宝客怎么拉微信群 编辑:程序博客网 时间:2024/06/05 08:32
Output
EDIT DOCUMENT
output配置告诉webpack如何将编译过的文件写入磁盘。虽然有很多中入口设置,但是只有一种ouput设置。
Usage
output最简单的设置如下,将包含有filename和path属性的对象赋值给outputwebpack.config.js
const config = { output: { filename: 'bundle.js', path: '/home/proj/public/assets' }};module.exports = config;
以上设置,将压缩后的bundle.js写入/home/proj/public/assets路径中Multiple Entry Points
如果你的配置生成了多于一个chunk,那么,你应该使用变量代替,以确保每个文件都有唯一的名字。
{ entry: { app: './src/app.js', search: './src/search.js' }, output: { filename: '[name].js', path: __dirname + '/dist' }}// writes to disk: ./dist/app.js, ./dist/search.js
Advanced
下面是一些更复杂的情形:
config.js
output: { path: "/home/proj/cdn/assets/[hash]", publicPath: "http://cdn.example.com/assets/[hash]/"}
In cases when the eventual publicPath
of output files isn't known at compile time, it can be left blank and set dynamically at runtime in the entry point file. If you don't know the publicPath
while compiling, you can omit it and set __webpack_public_path__
on your entry point.
__webpack_public_path__ = myRuntimePublicPath// rest of your application entry
阅读全文
0 0
- webpack学习系列三(https://webpack.js.org/concepts/output/)
- webpack学习系列一(https://webpack.js.org/concepts/ 翻译)
- webpack学习系列二(https://webpack.js.org/concepts/entry-points/ 翻译)
- webpack学习系列-lazy-loading (https://webpack.js.org/guides/lazy-loading/)
- webpack学习-缓存(https://webpack.js.org/guides/caching/)
- webpack学习-tree shaking(https://webpack.js.org/guides/tree-shaking/)
- webpack学习-shimming模块补充(https://webpack.js.org/guides/shimming/)
- webpack代码分割(https://webpack.js.org/guides/code-splitting/)
- WebPack系列教程(三):什么是WebPack
- Webpack学习 (三)
- webpack-生产环境最佳实践(https://webpack.js.org/guides/production/)
- webpack文档翻译---Concepts
- Webpack之输出(Output)学习笔记(3)
- webpack学习之webpack.config.js详解
- webpack学习-webpack.config.js配置
- TypeScript学习笔记(三)Webpack
- Vue.js学习系列四——Webpack学习实践
- react.js学习(1) webpack
- python中数字类型与处理工具
- Zedboard学习(七):VGA显示
- spring boot 教程(二)模板依赖
- [bzoj3784][点分治]树上的路径
- JIRA
- webpack学习系列三(https://webpack.js.org/concepts/output/)
- 复习
- jmeter的response data乱码
- web项目 easyui-datagrid开发实践
- 伪类
- js undefined 和 null
- MA5887|MA5889|USB智能识别方案|奇岩一级代理|现货|中文规格书
- Git 使用快速入门
- ScrollView测试