Home  >  Q&A  >  body text

javascript - webpack生成的dist怎么运行呢?

我在webpack的webpack-dev-server下是没问题的,显示正常的,但是我dist出来的文件我运行index.html的话 就不能运行,不知道为什么?一般出现这个问题是什么原因呢?求帮助,谢谢大家

PHP中文网PHP中文网2653 days ago453

reply all(4)I'll reply

  • 阿神

    阿神2017-04-11 12:50:09

    方法1. 将dist目录下的所有文件放到服务器的根目录

    方法2. 用http-server架一个简单的服务器

    npm install -g http-server
    cd dist
    hs

    reply
    0
  • 怪我咯

    怪我咯2017-04-11 12:50:09

    那个是没有办法直接运行的,需要一个服务器。
    既然是前端,这里推荐呦node+express做一个简易的server

    reply
    0
  • 巴扎黑

    巴扎黑2017-04-11 12:50:09

    简单说,就是把dist目录放到http服务器中运行。

    你可以把dist目录拷贝到其他地方的web服务器程序目录,比如apache或者nginx的。

    也可以在dist目录开一个当前目录的web服务器程序。以python举例:

    cd /path/to/your/dist
    python -m SimpleHTTPServer 9090

    9090是端口,可以不指定,控制台输出会提示你,它用了哪个端口

    reply
    0
  • 高洛峰

    高洛峰2017-04-11 12:50:09

    您可以使用命令行静态资源服务器 serve ( npm i serve -g ),敲下 serve -p [端口] dist 来快速查看 build 后的项目
    还可以 cd dist 后,python -m SimpleHTTPServer [端口] 或 php -S localhost:[端口] 快速便捷地实现静态资源服务器

    reply
    0
  • Cancelreply