10分钟搞定webpack打包

入门前端这个职位近三年的时间了，但是脑子里的东西不多也不少，今天就从脑袋里把新版本的webpack打包过程拔出来给大家鲁一遍，就算帮助那些小白了，废话不多说，开始鲁起来，大家跟着我一起撸。。。

首先，去官网下载node.js 地址自己找度娘去，别那么懒！！！

一，我们在合适的位置创建一个文件夹，比如桌面，命名webapp，然后进入这个文件夹按着shift+鼠标右键，点击 “在此处打开命令窗口”

初始化项目，输入：

npm init

一路按enter键即可

二，接下来安装webpack

（1）全局安装webpack ，我们在命令行输入： npm install -g webpack

  （2） 通常我们会将webpack安装到项目依赖，这样就可以使用本地版本的webpack，我们在命令行输入： npm install webpack --save-dev

三，安装 webpack-cli

    npm install -g webpack-cli  

四 ,设置模式

    webpack --mode development

五，创建入口文件

 根目录下创建src,并添加入口index.js文件，必须命名index.js，否侧会报错

六，配置 我们在package.json中scripts中加入两个成员：

   "dev":"webpack --mode development","build":"webpack --mode production"

   全局安装webpack-cli   npm -i webpack-cli -g  或者 npm install webpack-cli

 本地安装：

  npm install webpack -D

七 ， 打包

    npm run build    //接着输入 webpack-cli 或者 webpack-command 即可    在项目中是不是生成了dist/main.js    将文件引入index。html看看效果吧

转载于:https://www.cnblogs.com/wanghuoya/p/9286431.html

10分钟搞定webpack打包相关推荐

三步10分钟搞定数据库版本的降迁（将后台数据库SQL2008R2降为SQL2005版本）
三步10分钟搞定数据库版本的降迁 (将SQL2008R2降为SQL2005版本) 转载原文,并注明出处!虽无多少技术含量,毕竟是作者心血原创,希望理解. 转自 http://blog.csdn.net ...
mysql降低数据库版本_三步10分钟搞定数据库版本的降迁（将后台数据库SQL2008R2降为SQ...
三步10分钟搞定数据库版本的降迁 (将SQL2008R2降为SQL2005版本) 前思后想仍觉得实战数据库版本的降迁一文中的方式不仅老土而且低效,故有了下文三步搞定数据库从MSSQL2008R2 高版 ...
视频教程-10分钟搞定 php+H5手机网页微信支付在线视频教程（含源代码）-微信开发
10分钟搞定 php+H5手机网页微信支付在线视频教程(含源代码) 04年进入计算机行业.拥有6年net和php项目开发经验,8年java项目开发经验. 现前端全栈工程师,主攻产品设计,微信开发等. ...
10分钟搞定miniconda-python环境安装
windows配置python环境每次到一个新电脑就要安装环境,很多包安装起来很麻烦,下面对安装地址和常规使用包做了总结,一键安装所有包不用再一个一个找了!所有问题10分钟搞定! 1. 安装Mini ...
风控必备的评分卡模型，TempoAI 10分钟搞定
8月20日,央行发布了<2020年第二季度支付体系运行总体情况>,数据显示,截至第二季度末,信用卡逾期半年未偿信贷总额838.84亿元,占信用卡应偿信贷余额的1.17%.与一季度相比,信用 ...
10分钟搞定win11安卓子系统
10分钟搞定win11安卓子系统 Android子系统的要求一.安装 Windows 虚拟化支持二.Win11 正式版安装安卓子系统方法教程 (离线包安装) 三.在Win11 安卓子系统安装 AP ...
内部流出： 66个经典数据分析神技汇总，10分钟搞定一天工作！
不会吧,都2022年了, 还有人在网盘.B站里学"Excel的用法和表格模板"? 宝~ 那忒麻烦了,还不靠谱今个,分享你一华为内部流出的 Excel学习资源! 1.用Vloo ...
w ndows 10画图,网友“羞辱”Windows 10界面设计:用画图 10分钟搞定!
原标题:网友"羞辱"Windows 10界面设计:用画图 10分钟搞定! Windows 10是个好系统,但是UI界面设计一直有不小的争议.微软试图全面扁平化,但很多时候仿佛只是为 ...
计算机专业试讲10分钟教案,10分钟搞定一份满意的试讲教案！（适用所有学科）...
原标题:10分钟搞定一份满意的试讲教案!(适用所有学科) 虽然临近教资面试,但很多小伙伴还是对写教案不是很熟悉,觉得没有思路,总之好多小伙伴都在为面试写教案的事情发愁呀! 现就来教大家在10分钟的时间 ...
PPT做的又慢又难看，收下这4个模板资源站，10分钟搞定高逼格PPT
办公急需一些材料的时候,行业规则指引着我们去问百度呀,班之后工作上遇到一些问题,换着一颗请教的心去问别的老员工,换来的只有一句:你不会上百度查吗? 工作中我们常常需要一些实用资源,工作汇报还有各种报告 ...

10分钟搞定webpack打包

10分钟搞定webpack打包相关推荐

最新文章

热门文章