码迷,mamicode.com
首页 > Web开发 > 详细

webpack第一节

时间:2017-06-08 13:09:29      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:打开   ges   img   webp   com   控制   .json   图片   懒加载   

webpack是一个前端打包工具 

它可以优化网页、例如 页面模块化加载、图片优化、css、js压缩等等。

模块化加载也就是懒加载,按需加载,以前的模式是所以得css写在一起、加载量很大,页面响应很慢、有了模块化加载、我们可以把一个css、或者是js拆分成多个、进行按需加载、来加快页面的渲染。

第一节 安装webpack


这里我使用的开发工具是IDEA 系统环境是windows,(你已安装npm 和nodejs)

我首先在E盘建立了一个文件夹为 webpack-test技术分享

利用IDEA打开这个文件夹技术分享

打开界面中的Terminal控制台技术分享

输入 npm init 初始化一个package.json文件,一直按回车键,直到完成技术分享技术分享

 

webpack第一节

标签:打开   ges   img   webp   com   控制   .json   图片   懒加载   

原文地址:http://www.cnblogs.com/limit1/p/6962110.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!