大多数情况,我们使用webpack打包单页面应用,有的时候也会遇到多页面的项目
单入口配置
一般情况下的配置模板如下:
module.exports = {
entry: {},
output: {},
module: {},
plugins: [],
devServer: {}
}
entry
:配置入口文件的地址,可以是单一入口,也可以是多入口;output
:配置出口文件的地址,支持多出口配置;module
:配置模块,主要解析CSS和图片转换压缩等功能;plugins
:配置插件;devServer
:配置开发服务功能;
entry
我们的入口文件一般都是JS文件
entry: {
entry: './src/entery.js'
}
output
output
用来告诉webpack最后打包文件的地址和文件名称
output: {
//打包后的文件路径
path: path.resolve(__dirname, 'dist'),
//打包后的文件名称
filename: 'bundle.js'
}
当然还要引入path
模块,这个是nodejs自带的模块;在webpack.config.js
文件的头部引入;
c