企业官网建设流程全解析

千素网站建设,中国菲律宾撤侨最新消息,编写app用什么软件,广州冼村房价npm 和 npxnpm npdejs 的包仓库包管理器#xff0c;他的痛点是 全局安装包会产生版本冲突#xff0c;需要手动配置path 来执行相关命令#xff0c;临时工具使用不便npx nodejs 的包执行器 无需安装#xff0c;直接运行#xff0c;内置与 npm 中#xff0c;npx 会智能执行…npm 和 npxnpm npdejs 的包仓库包管理器他的痛点是 全局安装包会产生版本冲突需要手动配置path 来执行相关命令临时工具使用不便npx nodejs 的包执行器 无需安装直接运行内置与 npm 中npx 会智能执行流程 执行命令并且临时安装执行还可以指定版本执行直接运行 github 代码 交互式命令选择维度npmnpx主要用途包管理安装、卸载、发布包执行运行命令安装位置node_modules本地或全局临时缓存默认持久性永久安装临时使用可缓存版本管理通过 package.json 锁定版本可指定任意版本运行全局污染全局安装会污染环境几乎无污染执行速度首次安装慢后续快首次下载慢缓存后快典型命令npm install、npm runnpx create-react-app诞生时间2010年2017年npm5.2.0包含关系独立工具npm 的一部分捆绑发布指定webpack 文件可使用 npx webpack --config xx.jswebpack 只知道处理 js 文件和 json 文件所以在处理其他文件时就需要用到 loader loader 可以帮助webpack处理其他类型的文件因此遇到 jpg 文件时我们可以在 module 下设置module:{ rules:[{ test:/\.jpg$/, use:{ loader:file-loader } }] },loader 的执行顺序是从下到上从右到左webpack 如果需要定位到错误代码可以将 devtool 改成 source-map 这样就能定位到错误代码HMR 热模块更新每次更新在原有基础上改而不是刷新页面重新加载开启 devServer 选项 中的 hot:true 即可Babel 的作用是 将 ES6 语法转为 ES5 的语法因为不是所有的浏览器都支持 ES6babel-polyfill 将缺失的特性加到浏览器中