"在沒有 Webpack 的情況下使用 NPM 包"

Question

我習慣於將 NPM 包與 Webpack 一起使用，但我想知道你應該如何在沒有Webpack 的情況下使用 NPM 包。 我知道如何安裝軟件包。 我只是不知道如何使用它們，因為您不能只在純 js 中導入模塊。

Answer 1

我習慣將NPM軟件包與Webpack一起使用，但是我想知道如何在不使用Webpack的情況下使用NPM軟件包。 我知道如何安裝軟件包。 我只是不知道如何使用它們，因為您不能僅以純js導入模塊。

Answer 2

我習慣將NPM軟件包與Webpack一起使用，但是我想知道如何在不使用Webpack的情況下使用NPM軟件包。 我知道如何安裝軟件包。 我只是不知道如何使用它們，因為您不能僅以純js導入模塊。

Answer 3

對於前端，不是 node.js，而是 NPM 模塊。

HTML 可以直接導入 ES6 模塊，但文件必須是 .mjs 格式並提供export default ，常規 .js 文件中的Module.exports將不起作用。 這不是常見的事情，如果存在不使用 ES6 模塊的子依賴項，您會遇到問題。 如果您找到支持它的模塊。 即some-module

npm install some-module

在node_modules旁邊的同一目錄中創建 index.html 直接指向模塊化包

<h1>I'm HTML</h1>
<script type="module">
  import SomeModule from './node_modules/some-module/bundle.mjs';
  const mod = new SomeModule();
  mod.doStuff();
</script>

這是一篇關於此https://medium.com/passpill-project/files-with-mjs-extension-for-javascript-modules-ced195d7c84a的文章

Answer 4

我習慣將NPM軟件包與Webpack一起使用，但是我想知道如何在不使用Webpack的情況下使用NPM軟件包。 我知道如何安裝軟件包。 我只是不知道如何使用它們，因為您不能僅以純js導入模塊。