Web前端工程化(二) - webpack安装和配置

准备学习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.浏览页面查看效果

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容