问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

vue2执行npm run build生成的dist目录没有index.html

头像
阿克西亚
    9134

    我看教程都是说npm run build后，把生成的bist目录和index .html拿出来就可以访问了。

    为什么我执行后bist目录下只有build.js和build.js.map还有图片。

    拿出来点开就是空白，改了publicpath只是不报引用build.js的错了，还是空白。

    部署到github启用page服务也是空白。

    我用的是webpack-simple模版，是因为模版还是我前面安装的环境有问题？

    vue.js
    阅读 11.4k
    2 个回答
    得票最新
    头像
    KingMario
      7.2k31429

      使用 webpack-simple 项目模板生成的项目，运行 build 之后，只是将 js 打包，并没有使用插件生成 index.html，你可以直接将 /index.html 和 /dist 目录部署到 github 上。

      index.html 文件内容如下：

      → cat index.html 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>vue-w-s</title>
  </head>
  <body>
    <div id="app"></div>
    <script src="/dist/build.js"></script>
  </body>
</html>

      还需要注意：index.html 加上 dist 不能采用 file 协议打开，必须使用 http 协议打开，并且需要放在 http 服务的 / 目录下

      头像
      Tian
        21
        新手上路，请多包涵
        撰写回答
        你尚未登录，登录后可以
        • 和开发者交流问题的细节
        • 关注并接收问题和回答的更新提醒
        • 参与内容的编辑和改进，让解决方法与时俱进
        推荐问题