Question

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

Answer 1

这应该有帮助

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

Answer 2

只需按照本教程为您的项目配置webpack。

http://todarman.com/configuring-webpack-es6-sass/

配置webpack.config.js文件后，在项目目录中打开终端，然后运行命令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>

希望这有帮助。

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

2 个答案: