webpack

用于webapp。

webpack 打包优化。
选项去优化项目。

减少HTPP请求,减少请求文件,希望使用缓存让我们的流量变得小,加载速度变快。

webpack是打包前端资源的,我们前端资源有很多种不同的类型,比如javascript,css,图片,字体等。


使用Vue + Webpack 打造todo应用

我们使用下面的方式创建项目:

vue init webpack-simple vuejs-test01 //  项目名为:vuejs-test01

npm run build // 有输出内容,就是打包

我们可以看到输出的内容:

$ npm run build 

> vuejs-test01@1.0.0 build /Users/luowensheng/Desktop/TestIOS/vue/vuejs-test01
> cross-env NODE_ENV=production webpack --progress --hide-modules

Hash: 93c762fe8f5d866022e8                                                    b Version: webpack 3.10.0
Time: 4971ms
                                    Asset     Size  Chunks             Chunk Names
logo.png?82b9c7a5a3f405032b1db71a25f67021  6.85 kB          [emitted]  
                                 build.js  98.5 kB       0  [emitted]  main
                             build.js.map   825 kB       0  [emitted]  main

有三个文件输出到了/dist文件夹下。

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

推荐阅读更多精彩内容

  • webpack 介绍 webpack 是什么 为什么引入新的打包工具 webpack 核心思想 webpack 安...
    yxsGert阅读 6,535评论 2 71
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 12,728评论 7 110
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,263评论 0 21
  • 记得2004年的时候,互联网开发就是做网页,那时也没有前端和后端的区分,有时一个网站就是一些纯静态的html,通过...
    阳阳阳一堆阳阅读 3,358评论 0 5
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 5,340评论 4 31