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

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

推荐阅读更多精彩内容

  • webpack 的核心价值就是前端源码的打包,即将前端源码中每一个文件(无论任何类型)都当做一个 pack ,然后...
    胡一巴阅读 3,928评论 0 0
  • webpack 是一个现代JavaScript应用程序的静态模块打包器。当webpack处理应用程序时,会递归构建...
    hellomyshadow阅读 1,937评论 0 1
  • 作者:余韵之 webpack目前是前端常用的工程化工具了。它可以帮助我们自动化构建打包各类的资源,极大的提高了我们...
    晓前端阅读 2,849评论 0 0
  • webpack4基础篇 为什么要学习webpack? 随着web前端发展越来越快,项目也变的越加复杂,这时我们就要...
    FTD止水阅读 4,408评论 0 5
  • 推荐指数: 6.0 书籍主旨关键词:特权、焦点、注意力、语言联想、情景联想 观点: 1.统计学现在叫数据分析,社会...
    Jenaral阅读 11,016评论 0 5