- webpack.config.js
const path = require('path')
module.exports = {
entry:'.src/main.js', //入口
output:{ //出口
path: path.resolve(__dirname,'dist'), //絕對(duì)路徑,這個(gè)路徑是要?jiǎng)討B(tài)獲取的,這需要用到Node.js中的path模塊,如果你的項(xiàng)目中沒(méi)有Node.js的包,你可以cd到你對(duì)應(yīng)的項(xiàng)目中,然后運(yùn)行npm init命令,然后在你的終端中輸入npm的配置,這樣就會(huì)幫你生成一個(gè)package.json
filename: 'bundle.js' //要打包的文件
}
}
- package.json
{
"name": "meetwebpack",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "webpack"
},
"author": "",
"license": "ISC"
}
如果你想打包你的配置,你可以在對(duì)應(yīng)的項(xiàng)目下面運(yùn)行自動(dòng)構(gòu)建的命令
npm run build
運(yùn)行這個(gè)命令就可以自動(dòng)構(gòu)建你的項(xiàng)目,不管你的項(xiàng)目的配置文件是不是叫webpack.config.js還是其它別的名字,你執(zhí)行這個(gè)build命令的時(shí)候?qū)嶋H上是通過(guò)package.json中的scripts命令去映射的。這樣你只需要改你的build命令的映射就可以了。這樣你就可以首先去找本地的webpack的包,而不是找你全局的webpack的包。