创建nodejs空项目

1.创建nodejs空项目

npm init -y

创建后在文件夹内生成一个package.json文件，里面是默认的一些配置信息

{
  "name": "webpack_demo",
  "version": "1.0.0",
  "description": "webpackdemo",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

注意：这里的version版本必须是"1.0.0" 以上，不能是"0.0.0"

2.安装webpack webpack-cli包

cnpm install webpack@4.35.2 webpack-cli@3.3.5 --save-dev

这里我的node 版本是13.1.0，我按照webpack 5的版本会报错，所以这里给webpack降低了版本。

webpack4以上版本 webpack和webpack-cli分开了，需要安装两个包；4以下的版本只安装webpack即可。

3.修改package.json文件

{
  "name": "webpack_demo",
  "version": "1.0.0",
  "description": "webpackdemo",
  "main": "index.js",
  "scripts": {
    "bulid": "webpack"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^4.35.2",
    "webpack-cli": "^3.3.5"
  }
}

4. 创建webpack.config.js配置文件

const config = {
    entry:'./src/index.js'
}
module.exports = config

创建src/index.js入口文件

简单的写上console.log('hello webpack');

5.运行npm run bulid, 就一个看到生成了一个dist/main.js。