npm是node.js的包管理工具,在node环境下进行,类似maven是用来管理java jar包的

webpack 是前端资源加载/打包工具,用于把.vue文件转换成.js文件,这个转换需要借助打包器vue-loader,打包器的下载需要npm,Webpack又是基于NodeJs开发的

vue-cli:是基于nodejs+webpack封装的命令行工具,vue-cli 里面包含了webpack, 并且配置好了基本的webpack打包规则,原本需要自己配置webpack的相关配置,被cli简化了。并且按照vue的用户习惯整理了一套构建和目录规范。这样,你只要按照vue-cli的配置规则来,就可以满足很多繁琐的webpack+plugin配置

 

常用命令

npm init:初始化一个项目包,包含package.json文件
npm install:package.json的devDependencies字段里的插件全部安装到node_modules下

 npm update:更新包
npm uninstall:卸载包
使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
 
webpack使用
1.如果与输入相关的需求,找entry(比如多页面就有多个入口)
2.如果与输出相关的需求,找output(比如你要定义输出文件的路径)
3.如果与模块寻址相关的需求,找resolve(比如定义别名alias)
4.如果与转译相关的需求,找loader(比如处理sass处理es678N)
5.如果与构建流程相关的需求,找plugin(比如我需要在打包完成后,将打包好的文件复制到某个目录,然后提交到git上)
https://zhuanlan.zhihu.com/p/163267718

作者:书虫和泰迪熊
链接:https://www.jianshu.com/p/33e1bf935b61
来源:简书
posted on 2021-03-08 21:53  1183788267  阅读(549)  评论(0编辑  收藏  举报