Vue.js webpack的导出代码

Question

这是我第一次使用前端构建工具。在过去，我从来没有使用任何类型的框架，安装起来比在我的html页面顶部添加一个<script>标签更复杂。现在你知道我的知识水平了。

我有一个这样的vue.js/vuetify与目录结构中的应用：

我认为它开始与vuetify /的WebPack先进的模板。 我正试图将该项目导出为可以联机的项目。我想我可以运行某种类型的命令，将所有代码生成为.html，.css和.js文件，然后我可以连接到任何我想要的后端。

如果我的假设是正确的，那是怎么做的，那么怎么处理路由呢？整个网站只是在一个HTML文件？

我认为webpack应该这样做吗？但是，当我尝试从命令行运行webpack时，I get command not found。

如果我的假设是错误的，那么我如何获得这个在线？

Answer 1

使用npm run build命令。您可以看到该命令在package.json文件，脚本对象内执行的操作。

"scripts": { 
    "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot", 
    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules" 
} 

你的整个网站会被编译成index.html文件和文件build.js位于该/dist文件夹中。运行npm run build命令时会生成/dist文件夹和build.js。确保index.html中的脚本src指向您的build.js文件。