【Vue】06 Webpack Part2
阿新 • • 發佈:2020-07-24
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