1.在项目中新建一个文件 webpack.congig.js
2.配置入口entry(你所需要打包文件的路径)
3.配置出口 output
webpack.congig.js里的代码如下:
(在项目中新建一个public文件夹,里面新建一个index.js文件,假设我要把这个index.js文件打包)
const path = require('path');
module.exports = {
// path指文件打包后存放的路径
entry:'./public/index.js',
output:{
//path.resolve()方法将路径或路径片段的序列处理成绝对路径
//__dirname表示当前文件所在目录的绝对路径
path:path.resolve(__dirname,'build'),
//filename是打包后的文件名称
filename:'bundle.js'
}
}
4.在终端输入命令npm run dev
之后在项目里就会自动出现一个build文件夹,里面有bundle.js文件