Web前端工程化(二) - webpack安装和配置
2021-02-03 本文已影响0人
会飞的笨企鹅
准备学习Web前端工程化的内容,做个记录,以后需要的时候方便查找:
1. 安装webpack:npm install webpack webpack-cli -D
2. 创建一个 webpack.config.js 并进行配置

3.修改项目中的package.json文件添加运行脚本dev

4.运行dev命令进行项目打包:npm run dev
5.在html页面中, 引入项目打包之后在dist文件夹中生成的js文件
<script src="../main.js"></script>
6.浏览页面查看效果