首页 > Web开发 > 详细

webpack输出【output】配置(三)

时间:2019-08-21 12:06:40      阅读:115      评论:0      收藏:0      [点我收藏+]

配置output选项可以控制webpack如何向硬盘写入编译文件(可以配置多个入口起点,但只指定一个输出配置)

【output】配置写法(一个入口起点)

const config = {
  output: {
    filename: ‘bundle.js‘,
    path: ‘/home/proj/public/assets‘
  }
};

module.exports = config;

1.filename用于输出文件的文件名

2.目标输出目录path的绝对路径

此配置将一个单独的bundle.js文件输出到/home/proj/public/assets目录中

多个入口起点时输出的配置

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

// 写入到硬盘:./dist/app.js, ./dist/search.js

如果配置创建了多个单独的"chunk",则应该使用占位符来确保每个文件具有唯一的名称

webpack输出【output】配置(三)

原文:https://www.cnblogs.com/wangxirui/p/11387547.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!