1. 程式人生 > 實用技巧 >【Vue】06 Webpack Part2

【Vue】06 Webpack Part2

Webpack 配置:

入口 &出口:

就是我們使用的打包命令:

一個是對什麼檔案執行,這就是入口

一個是輸出到什麼檔案,這就是出口

每一次打包使用這個命令都必須指定這兩個必要的引數

所以將打包命令寫入配置檔案中,執行時讀取即可

在專案的根目錄下建立webpack.config.js

const path = require('path');

module.exports = {
    entry : "./src/main.js", // 入口 可以是字串,陣列,物件
    output : { // 出口,通常是一個物件 至少包含路徑和檔名
        path : path.resolve(__dirname, 'dist'),
        filename : 
"bundle.js" } }

這一次我們的打包只需要執行webpack即可

我們可以再對package.json設定:

{
  "name": "webpack",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build" : "webpack"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^3.6.0"
  }
}

打包時就可以直接使用這個命令:

npm run build