webpack.config.js配置和package.json

  • 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的包。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容