2018-11-02 webstorm+webpack打包

作为小白啥都不懂,弄了半天没懂怎么打包,最后在webstorm的上运行npm run build

运行完后会出现一个dist文件夹如下:

dist文件夹


但是生成后本地是打不开的,需要执行以下命令使得本地可以查看

npm install -g http-server // 该命令只需执行一次, 安装过之后, 以后就不需要重复安装了. 

然而,,,,点击dist的index.html文件打开,你会发现他是空白的,,,,emmm继续百度后,解决如下:

解决方案

打开项目文件夹。找到config文件夹里的index.js文件中的build对象,将assetsPublicPath中的“/”,改为“./”,并在build\build.js将这两句的提示信息删掉或注释掉,再打包直接用浏览器直接运行就好了。

解决了这个问题后,本地终于可以打开页面了,但是跳转不了啊,最后,发给后端后,嗯,他那边可以正常运行,emmm可能本来就跳转不了。。。那就可以了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 本文主要从webpack4.x入手,会对平时常用的Webpack配置一一讲解,各个功能点都有对应的详细例子,...
    BetterChen阅读 5,931评论 0 3
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 10,683评论 4 31
  • 1. 新建一个文件夹,命名为 webpack-cli , webpack-cli 就是你的项目名,项目名建议使用小...
    鲁大师666阅读 5,386评论 1 3
  • 写在前面的话 阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较...
    不忘初心_9a16阅读 8,461评论 0 17
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 13,849评论 0 21