上一讲中我们打包没有用到 webpack.config.js 配置文件,webpack4 把自己定位为一个零配置的工具。这一讲学习配置文件使用,更好地学习 webpack。
根目录下新建一个 webpack.config.js 文件(记载配置信息)
配置文件
const path = require(‘path’);
module.exports = {
entry:’./public/index.js’,
output:{
path:path.resolve(__dirname,’build’),
filename:’bundle.js’
}
}
字段
意义
entry
入口,所需打包的文件的路径
output
出口
path
文件打包后存放的路径
path.solve()
将路径或者路径片段的序列处理成绝对路径
_dirname
表示当前文件所在目录的绝对路径
filename
打包后文件的名称
按照配置项新建一个入口文件 public/index.js
运行 npm run dev