webpack学习记录

229 阅读2分钟

(只是学习记录,我会在每天下班的时候学习,然后记录自己的理解,在学的差不多的时候,做总结分享。本人webpack小白,会一点点node。面试的时候webpack的问题答不出来,只能答一些网上看到的,自己并不是多理解的。)

1.npm init 为什么要使用npm init初始化项目

在node开发中使用npm init会生成一个pakeage.json文件,这个文件主要是用来记录这个项目的详细信息的,它会将我们在项目开发中所要用到的包,以及项目的详细信息等记录在这个项目中。方便在以后的版本迭代和项目移植的时候会更加的方便。也是防止在后期的项目维护中误删除了一个包导致的项目不能够正常运行。使用npm init初始化项目还有一个好处就是在进行项目传递的时候不需要将项目依赖包一起发送给对方,对方在接受到你的项目之后再执行npm install就可以将项目依赖全部下载到项目里。。 以上文字摘自(www.cnblogs.com/WD-NewDemo/…

npm init -y

-y 的含义:yes的意思,在init的时候省去了敲回车的步骤,生成的默认的package.json

  1. 关于npm命令
  "scripts": {
    "test22": "echo \"Error: no test specified\" && exit 1",
    "test": "node server.js",
    "start22": "node server.js",
    "start": "node server.js"
  }

执行 npm test 或者 npm start 都可以启动server.js(我不知道咋说这里的 node 命令,就说成启动了)。所以说,script里的脚步必须是npm有的指令,比如npm start 而 npm start22不是npm 指令,所以不对。(所以后面还要学习npm 命令。要学的真不少。)

3.webpack 和 webpack cli

在webpack 3中,webpack本身和它的CLI以前是在同一个包中,但在第 webpack 4 中,他们已经将两者分开以更好地管理它们。(学习这篇文章:segmentfault.com/a/119000001…)