首页 > 其他 > 详细

多入口、出口配置

时间:2021-01-13 23:54:04      阅读:47      评论:0      收藏:0      [点我收藏+]

单个入口语法

const config = {
  entry:‘./src/entry.js‘,
};
module.exports = config;

入口对象语法

const config = {
  entry: {
    entry:‘./src/entry.js‘,
    first:‘./src/first.js‘
  }
};
module.exports = config;

出口语法

在 webpack 中配置 output 属性的最低要求是,将它的值设置为一个对象,包括以下两点:

  • filename 用于输出文件的文件名。
  • 目标输出目录 path 的绝对路径。
const config = {
  output: {
    filename: ‘bundle.js‘,
    path: ‘/home/proj/public/assets‘
  }
};
module.exports = config;

多入口起点输出

module.exports={
  mode: ‘development‘,
  entry:{
    entry:‘./src/entry.js‘,
    first:‘./src/first.js‘
  },
  output:{
    path: path.resolve(__dirname,‘dist‘),
    filename:‘[name].js‘
  }
}
// [name].js指的是根据入口文件输出相应的js文件,有几个入口文件就打包输出几个出口文件
// 写入到硬盘dist目录,/dist/entry.js, /dist/first.js

多入口、出口配置

原文:https://www.cnblogs.com/mufengs16/p/14274779.html

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