webpack出产模式和开辟模式的利用
1先在【package.json】文件中添加如下代码：
"scripts": {
【webpack生产模式和开发模式的使用】 "dev": "webpack --mode development",
"build": "webpack --mode production"
},
2、出产模式：npm run build；
3、开辟模式：npm run dev；
4、webpack输出的文件在【dist】文件夹下；
文章插图
需要这些哦
node.js
cmd
webpack
webpack出产模式和开辟模式的利用1webpack安装完当作后 ， 进行相关的号令操作时 ， 会有一个警告WARNING in
configuration…… ， 如图所示：
意思是：webpack没有指定是开辟模式development仍是出产模式production；
关于webpack的安装请拜见：
16webpack怎么安装
文章插图
2打开【package.json】文件 ， 在该文件中插手代码：
"scripts": {
"dev": "webpack --mode development",
"build": "webpack --mode production"
},
如图所示：
文章插图
3然后经由过程cmd进入项目根目次【mode】 ， 输入号令【npm run dev】 ， 按回车键；
获得如下信息 ， 不再呈现警告信息 ， 如图：
4cmd号令提醒符若何打开E盘下的文件夹
文章插图
4打开项目文件【mode】 ， 可以看到【mode】文件夹下主动生当作了一个文件夹【dist】 ， 如图：
文章插图
5打开【dist】文件夹 ， webpack输出的文件【main.js】就在【dist】中 ， 如图：
文章插图
6用sublime打开【mian.js】文件 ， 该js文件内容格局如图所示：
文章插图
7再经由过程cmd ， 输入号令【npm run build】 ， 然后按回车键 ， 如图：
文章插图
文章插图
8然后在打开【dist】文件夹下的【main.js】文件 ， 这时的【main.js】是webpack出产模式输出的文件 ， 该js文件内容格局如图所示：
推荐阅读
- webpack怎么安装
- 高德地图如何开启室内地图模式
- 晋帮茶商独特的茶叶经营模式
- 多元化茶叶消费模式，中国十大名茶
- CF幽灵模式鬼跳如何跳
- 猫咪刚生产完给猫妈妈吃什么 生了猫咪的母猫吃什么
- 小米手环4怎么样设置日落后自动开启夜间模式
- 荒野大镖客2PC版鹰眼模式键位，找猎物踪迹方法
- 植物大战僵尸2摇滚年代第17天困难模式怎么通过
- PUBG如何进入训练场模式