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’//生成文件}}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)