当前位置：首页 > 软件库 > Web应用开发 > 常用JavaScript包 >

npm-es-modules

授权协议 Readme

开发语言 JavaScript

所属分类 Web应用开发、常用JavaScript包

软件类型开源软件

地区不详

投递者全流觞

操作系统跨平台

开源组织无

适用人群未知

软件概览

npm-es-modules

Breakdown of 7 different ways to use ES modules with npm today.

ES Modules are the future of JavaScript, but unlike many other es@next features that developers have raced to take advantage of mainly thanks to build tools like babel, working with ES modules alongside of existing NPM modules is a lot harder to get started with.

The purpose of this tutorial is to provide a thorough set of examples for different ways you can approach writing ES modules, without losing interop with the vast library of mostly commonjs modules that exist on NPM today.

We'll start with a naive ES module in step 1 and work our way through a series of increasingly complex example approaches, all of which are intended to define the same, basic module.

Goals

Every approach must satisfy the following requirements:

generate a valid npm module
support the same consistent functionality
be usable from both node.js and browser environments
import at least one existing commonjs module from npm
import at least one es module source file locally
include at least one unit test

Functionality

The functionality of our example NPM module is a bit contrived, but it should touch on all the potential pain points, and trust me, there are a lot of them...

Every approach will define an NPM module with a single default export, async getImageDimensions(input), that takes in an image and returns its { width, height }.

To show how you can bundle modules with slightly different semantics for Node.js and the browser:

the node version supports input as a string that can either be a local path, http url, or data url.
the browser version supports input as a string URL or an HTMLImageElement.

Both versions return a Promise for { width: number, height: number }.

Approaches

naive - The most naive possible use of ES modules supporting our functionality. This approach is broken and provided as an example starting point.
babel - Uses babel to transpile all Node.js and browser source files.
esm-rollup - Uses esm for Node.js and babel+rollup to compile browser source files.
esm-webpack - Uses esm for Node.js and babel+webpack to compile browser source files.
rollup - Uses babel+rollup to compile all Node.js and browser source files.
webpack - Uses babel+webpack to compile all Node.js and browser source files.
typescript - Uses typescript to transpile all Node.js and browser source files.

esm - Tomorrow's ECMAScript modules today!
babel - A compiler for writing next generation JavaScript.
rollup - A module bundler for JavaScript.
webpack - A bundler for javascript and friends.
typescript - TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.
systemjs - Configurable module loader enabling dynamic ES module workflows in browsers and NodeJS.

License

Support my OSS work by following me on twitter

使用案例

npm install、npm install --global、npm install --save、npm install --save-dev的区别

npm install X: 会把X包安装到项目的node_modules目录中不会修改package.json 之后运行npm install命令时，不会自动安装X npm i X 是简写形式 npm install --global X：全局安装，不会把包安装到项目的node_modules目录中，而是会安装到node.js的node_modules目录中，比如我的node环境本地安装目录
npm--package.json

原文网址：npm--package.json_IT利刃出鞘的博客-CSDN博客_npm package.json 简介说明本文介绍npm的package.json的用法。官网英文官网：package.json | npm 中文文档翻译（不是很全）：npm的package.json中文文档 · Issue #6 · ericdum/mujiang.info · GitHub 文件 pack
npm install 的 --save 选项是什么？

问：我看到了一些教程，命令是： npm install --save –save 选项是什么意思？答1: huntsbot.com – 程序员副业首选，一站式外包任务、远程工作、创意产品分享订阅平台。更新 npm 5：从 npm 5.0.0 开始，已安装的模块默认添加为依赖项，因此不再需要 --save 选项。其他保存选项仍然存在，并在 npm install 的 documentat
vue-pdf插件使用报错To install them, you can run: npm install --save core-js/modules/es

一、如何使用如何使用vue-pdf 可参照 pdf预览 vue-pdf插件使用二、报错原因项目中引入vue-pdf之后启动项目会报错，提示缺少依赖：To install them, you can run: npm install --save core-js/modules/es.object.to-string.js core-js/modules/es.string.iterator.
To install it, you can run: npm install --save core-js/modules/es.object.proto.js

error in ./node_modules/core-js/library/modules/es6.object.define-properties.js Syntax Error: no such file or directory, open '/xxx/node_modules/core-js/library/modules/es6.object.define-properties.
运行报错解决：To install it, you can run: npm install --save core-js/modules/es.error.cause.js

最近拉取代码的时候总是遇到项目报错 To install them, you can run: npm install --save core-js/modules/es.error.cause.js core-js/modules/e 然后就尝试安装一下core-js再次运行发现不行，然后全网搜索踩坑。。。问题解决：首先：删除node_modules 其次：先独立安装 cnpm ins
npm install --save core-js/modules/es.array.find

解决npm install --save core-js/modules/es.array.find 这个报错说明是版本问题，需要重新安装一些 npm install core-js@3.6.4
npm打包，无法下载“babel-plugin-transform-es2015-modules-commonjs

这是由于node-sass无法下载导致构建失败由于node-sass的源使用的是Github上面的，经常无法访问，我们构建的时候需要单独设置node-sass的下载地址。 # linux SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass # window set SASS_BI
you can run: npm install --save core-js/modules/es.error.cause.js

今天在运行vue项目时，安装依赖突然报： To install it, you can run: npm install --save core-js/modules/es.error.cause.js 解决方法：建议使用cnpm直接搞定： cnpm install --save core-js 安装完成后，再次npm run dev，ok，搞定。
To install them, you can run: npm install --save core-js/modules/es6.array报错

降低版本： npm install core-js@2
To install it, you can run: npm install --save core-js/modules/es.regexp.dot-all.js

To install it, you can run: npm install --save core-js/modules/es.regexp.dot-all.js 解决方法 cnpm i core-js@3.19.1 --save 这个就好，，这个其实就是版本问题，你可以去看package.json中的版本

npm-es-modules

npm-es-modules

Goals

Functionality

Approaches

Related

Related Tutorials

License

同类工具

相关阅读

相关文章

相关问答

相关文档