如何在 vanilla Javascript 文件中导入 nodejs 模块
How to import nodejs modules in vanilla Javascript file
如何在 vanilla Javascript 文件中导入 nodejs 模块?换句话说,我如何在普通 javascript 文件中使用我的 nodejs 模块来编写前端脚本?
您可以通过 CDN 包含它们,例如 unpkg 或 cdnjs。它使您可以使用 URL 轻松地从任何包加载任何文件,例如:
unpkg.com/:package@:version/:file
例如,要在您的页面上获取 d3,您可以像这样添加一个脚本标签:
<script src="https://unpkg.com/d3@5.5.0/dist/d3.min.js" />
这些模块是使用名为 npm 的工具打包的。您可以使用 Browserify or Webpack 等模块加载器或打包器在前端使用 npm 模块。
这可能对您有所帮助
如果你不想使用 CDN,你可以创建一个带有 Node.js 的路径来从“node_modules”
中获取你想要的内容
在node.js
app.get('/jquery', (req, res) => {
res.sendFile(path.join(__dirname, 'node_modules/jquery/dist/jquery.min.js'))
})
在html
<script src="/jquery"></script>
使用 browserify 构建您的 nodejs 代码,以便它被前端读取。
如何在 vanilla Javascript 文件中导入 nodejs 模块?换句话说,我如何在普通 javascript 文件中使用我的 nodejs 模块来编写前端脚本?
您可以通过 CDN 包含它们,例如 unpkg 或 cdnjs。它使您可以使用 URL 轻松地从任何包加载任何文件,例如:
unpkg.com/:package@:version/:file
例如,要在您的页面上获取 d3,您可以像这样添加一个脚本标签:
<script src="https://unpkg.com/d3@5.5.0/dist/d3.min.js" />
这些模块是使用名为 npm 的工具打包的。您可以使用 Browserify or Webpack 等模块加载器或打包器在前端使用 npm 模块。
这可能对您有所帮助
如果你不想使用 CDN,你可以创建一个带有 Node.js 的路径来从“node_modules”
中获取你想要的内容在node.js
app.get('/jquery', (req, res) => {
res.sendFile(path.join(__dirname, 'node_modules/jquery/dist/jquery.min.js'))
})
在html
<script src="/jquery"></script>
使用 browserify 构建您的 nodejs 代码,以便它被前端读取。