npm

原文转载于： https://blog.csdn.net/juzipchy/article/details/65653683 npm install 在安装 npm 包时，有两种命令参数可以把它们的信息写入 package.json 文件，一个是npm install - -save另一个是 npm install –save-dev，他们表面上的区别是 - -save 会把依赖包名称添加到 package.json 文件 dependencies 键下， - -save-dev 则添加到 package.json 文件 devDependencies 键下，譬如： { " dependencies " : { " vue " : " ^2.2.1 " }, " devDependencies " : { " babel-core " : " ^6.0.0 " , " babel-loader " : " ^6.0.0 " , " babel-preset-latest " : " ^6.0.0 " , " cross-env " : " ^3.0.0 " , " css-loader " : " ^0.25.0 " , " file-loader " : " ^0.9.0 " , " vue-loader " : " ^11.1.4 " , " vue-template

系统： windows10 1、下载： https://nodejs.org/en/ 2.下载最新版本，根据你的系统选择32位或者64位； 3、建议选择源码源码安装，不选择编译后的安装 如： 4、进行安装，一直回车，下一步，无需进行选择； 5、默认安装后进行配置： 一般默认安装路径是：C:\Program Files\nodejs 6、环境变量配置，一般不配置也可以，系统会自动加入环境变量，也可以进行配置： 配置如下： 配置环境变量 新建一个系统变量 变量名：NODE_HOME 变量值（你的安装目录）：C:\Program Files\nodejs 编辑Path变量 新增两个条目 %NODE_HOME% %NODE_HOME%\node-global 7、此时，你已经安装成功了，可以正常使用： 8、设置国内源，否则下载国外的比较慢： cmd命令打开命令窗口输入： npm config set registry "https://registry.npm.taobao.org" 9、一般情况下，我们会设置全局的变量，用来存放：模块和缓存；如果设置这个2个，需要进行以上的环境变量设置： 当然你也可以不进行操作指定存放，默认就可以，根据自己需要 我们要先配置npm的全局模块的存放路径以及cache的路径，例如我希望将以上两个文件夹放在NodeJS的主目录下，便在NodeJs下建立

最近兴趣使然，想要学习typescipt、react、ant，巧不巧刚好可以凑成一套完成的解决方法，可惜过程却并不顺利，现在记录下来我的解决过程，供大家参考希望能顺利一次跑通 版本说明 create-react-app 版本号：4.0.0（2020年10月31日，内部自带react、typescript等） Ant Design of React 版本号：4.7.3 less 版本号：3.12.2 less-loader 版本号：7.0.2 node 版本号：12.13.0 npm 版本号：6.12.0 一、利用create-react-app脚手架安装项目 本人习惯用npm进行安装，喜欢yarn应该也能行的通（默认是yarn） npx create-react-app antd-demo-ts --typescript --use-npm 二、将所有内建的配置暴露出来 这一步相当关键，若不在第一次执行该步骤，可能会出错 npm run eject 暴露之后的目录结构 三、修改路径映射 在webpack.config.js的alias下增加 "@": path.resolve("src") ，以后就可以用 @ 对 src 文件下的文件进行索引啦~ "@": path.resolve("src") 截图： 四、引入ant 现在从 yarn 或 npm 安装并引入 antd。 npm

什么是webpack? 官网给出的概念是:本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。 为什么要用webpack? 为什么使用webpack,这应该和前端的发展是有关系的,因为计算机网络的飞速发展,导致前端也在迅猛发展,最初的实践方案已经不能满足我们的需求,加上新的技术和新思想框架的产生，为了节省开发的成本和效率，所以webpack的产生是一个必然的结果 相比gulp、grunt、Rollup，为什么要使用webpack？ gulp和grunt的操作都是流式的,但是gulp是基于内存流,grunt是基于文件流,所以相对来说,gulp的性能要高于grunt，而且他们都是需要定义一个个任务，然后自动将一个个任务执行。，而webpack是模块化的组织，模块化的依赖，然后模块化的打包，相对来说，webpack更强调模块化开发，而那些文件合并压缩、预处理等功能，不过是他的附带功能。而且现在相对于前两者，webpack的插件也更为丰富 Rollup是在webpack流行后出现的替代品，Rollup和webpack类似，但是专注于ES6模块打包