【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