webpack起步安装

1.首先建一个目录

2.进入到该目录

3.初始化

npm init -y

4.安装 webpack-cli

npm install webpack webpack-cli --save-dev

5.安装jquery

npm install jquery -S

6.写一个初始的HTML页面与js

7.添加webpack.config.js文件

const path = require('path')
module.exports = {
    mode: 'development',
    entry: path.resolve(__dirname,'./js/main.js'), //要求绝对路径
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname,'dist')
      }
  };

8.修改package.json文件，添加一句话

9.运行

npm run dev

10.修改HTML页面引用的js路径
路径是运行后，新增的dist文件夹里的bundle.js文件

11.打开页面，即可运行出刚刚编写的HTML页面