文章插图
9也可以在package.json的文件中添加下面的号令
"scripts": {
"dev": "webpack --mode development",
"build": "webpack --mode production"
},
在package.json插手这两行的目标就是为了我们可以利用
npm run dev
npm run build
这两个定名
若是不设置装备摆设的话我们也可以利用
webpack --mode development
webpack --mode production
获得的结果是 一样的
文章插图
10此刻我们来看一下开辟者模式
$ npm run dev
【window7安装webpack4.8】进入到webpack-project文件夹中, 我们可以看到多了一个dist的文件夹, 在dist的文件夹中, 多了一个main.js的文件
文章插图
11我们利用打开main.js的文件, 这是webpack默认输出的js文件格局
文章插图
12在着我们再看一下出产情况下的main.js的文件
$ run dev build
利用 run dev build 打包的文件, 布局很是的紧凑, 合用于出产情况
文章插图
13最后我们在webpack-project的文件夹下新建一个index.html的文件, 看看打包的js数据是否可以运行当作功
$ touch index.html
$ vim index.html
文章插图
14最后在浏览器输出, 当作功!
文章插图
以上内容就是window7安装webpack4.8的内容啦, 希望对你有所帮助哦!
推荐阅读
- uplay怎么添加已经在硬盘上安装好的游戏
- 选购和安装密码指纹锁的方法和步骤
- mac上如何安装Rust
- 如何拆卸安装汽车雨刮器
- 电脑上如何安装转换软件
- 安装Win7系统,系统盘应该分多大?
- 大白菜U盘安装win7系统
- Mac虚拟机怎么安装Windows系统
- TeamViewer 12 远程软件安装方法及使用方法
- 图解Git安装及远程拉取Git库代码