window7安装webpack4.8

 时间:2024-10-12 18:22:07

1、首先我们在桌面新建一个文件夹,命名为webpack-project,之后打开git bash(没有的话,在window系统下,也是可以使用cmd命名的)

2、输入 npm init 一直点回车,直到出现 Is this OK?输入yes回车npm init 初始化的目的,就是新建一个package.json的文件

window7安装webpack4.8

4、回到我们的git bash 在git bash的命令行,输入 cnpm install --save-dev webpack (这里说明一下 cnpm是淘宝的镜像,不懂的小伙伴,可以百度一下)

window7安装webpack4.8window7安装webpack4.8

6、我们查看一下版本号$ webpack -v ,如果出现版本号,那么就说明webpack已经安装成功了

window7安装webpack4.8window7安装webpack4.8

9、也可以在package.json的文件中添加下面的命令"scripts": 辘腋粪梯{ "dev": "webpack --mode development", "build": "webpack --mode production"},在package.json加入这两行的目的就是为了我们可以使用npm run devnpm run build这两个命名如果不配置的话我们也可以使用webpack --mode developmentwebpack --mode production得到的效果是 一样的

window7安装webpack4.8

11、我们使用打开main.js的文件,这是webpack默认输出的js文件格式

window7安装webpack4.8

13、最后我们在webpack-project的文件夹下新建一个index.html的文件,看看打包的js数据是否可以运行成功$ touch index.html$ vim index.html

window7安装webpack4.8
  • 如何将sqlserver数据库表移植到oracle
  • DEDECMS织梦留言板调用头部及底部的方法
  • intellij idea如何设置markdown样式
  • bootstrap3模态框垂直居中的方法
  • 热门搜索
    福建旅游景点排行 夕阳红老年旅游 香港有哪些旅游景点 1月份适合去哪里旅游 武夷山自助旅游攻略 春节期间去哪旅游好 河南省旅游景点大全 山东冬季旅游 洛阳市旅游景点 阜阳旅游景点大全