const path = require('path');
module.exports = function(){
entry:{ //入口,也可以是多入口
main:'./src/main.js'
},
output:{
filename:'./build.js', //指定js文件
path: path.join(__dirname,'dist','..')
//代表当前目录的上一级dist
},
module:{
loaders:[ //也可是rules, 一样的功能
{test: /\.css$/,
loader:'style-loader!css-loader',
//多个依赖使用‘!’分割,加载顺序是反的
},
{
test:/\.(jpg|png|gif)$/
loader:'url-loader?limit=4096&name=[name].[ext]',
exclude:/node-modules/, //排除node-modules下的所有
//[name].[ext]是内置的; limit表示小于4096的图片将被压缩为base64编码格式。
//使用loader后加?的方式传参或使用opation
opation:{
limit:4096,
name:'[name].[ext]',
presets:['es2015'], //关键字
plugins:['transform-runtime'] //函数
}
},
]
}
plugins:[
]
}
webpack 属性配置
最新推荐文章于 2024-05-07 03:41:07 发布