运用vue-cli(webpack)的项目的装置历程

打包步骤

1.装置node

略过

2.装置npm淘宝镜像

npm install -g cnpm –registry=https://registry.npm.taobao.org

3.装置项目依靠

进入项目目次实行
cnpm install

4.打包

测试包:npm run dev
正式包:npm run build
以上两个指令会去跑package.json的scripts字段下对应key中的敕令。
vue-cli已为你做好了打包的准备工作,假如须要能够在./config内修正设置。
须要注重的是,在打dev包时,会运用:
http-proxy-middleware
举行域名/接口代办,防止涌现跨域的停滞。
webpack-hot-middleware
监测文件更改,将打包的文件写入内存中。
html-webpack-plugin
建立挪用webpack bundles的html文件。在每次编译后,会为文件名加上hash值。
webpack-hot-middleware
增量的修正浏览器,完成无革新更新

    原文作者:风满楼
    原文地址: https://segmentfault.com/a/1190000007865607
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞