Node.js 将外部javascript和css文件链接到Vue组件？_Node.js_Vuejs2

Node.js 将外部javascript和css文件链接到Vue组件？

node.js vuejs2

Node.js 将外部javascript和css文件链接到Vue组件？,node.js,vuejs2,Node.js,Vuejs2,我使用javascript和CSS创建了一个功能性的棋盘。我想在Vue应用程序中使用它，但我不知道如何将javascript和CSS文件链接到该组件。有没有办法将它们加载到网页包中，或者正确的方法是什么？这应该会有所帮助 <style scoped> @import '../assets/css/custom.css'; </style> @导入“../assets/css/custom.css”；只需按照本教程操作，并为您的项目配置网页包即可配置web

我使用javascript和CSS创建了一个功能性的棋盘。我想在Vue应用程序中使用它，但我不知道如何将javascript和CSS文件链接到该组件。有没有办法将它们加载到网页包中，或者正确的方法是什么？

这应该会有所帮助

<style scoped>
    @import '../assets/css/custom.css';
</style>


@导入“../assets/css/custom.css”；

只需按照本教程操作，并为您的项目配置网页包即可

配置webpack.config.js文件后，打开项目目录中的terminal，然后运行命令npm run dev。我将在各自的目录中构建js和css文件。您可以将这些文件链接到index.html文件中

<html>
<head>
<title>Webpack index page</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
  <h2>webpack configuration</h2>

  <script src="js/bundle.js"></script>
</body>
</html>


网页索引页
网页包配置

希望这能有所帮助。

如果你使用webpack和babel，你可以像模块一样导入它们。鼓励链接到外部资源，但请在链接周围添加上下文，以便你的其他用户了解它是什么以及为什么存在。始终引用重要链接中最相关的部分，以防无法访问目标站点或永久脱机。