webpack的基本使用

1.运行下面命令安装webpack相关包

npm install webpack webpack-cli -D 

2.在项目根目录，创建webpack.config.js 的配置文件，初始化如下配置

module.exports={
  mode:'development'//用来指定开发模式  development 上线
}

3.在package.json 配置文件中scripts节点下

"scripts":{
        "dev":"webpack"
 }

4…运行dev命令进行项目打包

npm run dev

5.在页面中引入项目打包之后在dist文件夹中生成的js文件

<script src="../main.js"></script>

6.浏览页面查看效果