webpack怎样配置出入口文件?

webpack怎样配置出入口文件?,第1张

//出口文件

module.exports={

//入口文件

entry:”./src/index.js”//入口文件路径

}

//出口文件配置

output:{

path:path.resolve(__dirrname,”dist”),

//打包文件的绝对路径

filename:”build.js”

//打包的文件名

}

module: {

rules: [{

test: /\.css$/, //压缩css

use: ['style-loader', 'css-loader']

},

{

test: /\.(png|jpg|gif|jpeg|mp4)$/,//压缩图片

use: 'file-loader'

}]

}(BY三人行慕课)

入口:entry, 进入入口起点后,webpack 会找出有哪些模块和库是入口起点(直接和间接)依赖的。

by三人行慕课

出口:output, 整个application结构都会被编译到你指定的输出路径的文件夹中

const path=require(‘path’)module.exports={entry:’./path/file.js’, //入口文件output:{path:path.resolve(__dirname,’dist’), //打包出口文件filename:’[name].js’ //生成文件}}

module.exports={entry:{a:’./src/js/index.js’, //多入口文件b:’./src/js/index2.js’,jquery:’jquery’}output:{path:path.resolve(__dirname,’dist’), //打包出口文件filename:’./js/[name].js’//生成文件}}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/7921054.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-11
下一篇 2023-04-11

发表评论

登录后才能评论

评论列表(0条)

保存