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

webpack初入门

时间:2017-05-14 10:27:32      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:入门   文件内容   版本   alt   htm   image   插件   存在   png   

首先利用npm install webpack -g,这里我试过用cnpm安装不成功,不知道是什么回事,

webpack 用来压缩打包网站的一些插件和依赖包而存在的,

webpack  文件名  打包后的文件名

技术分享

上图中,红框:哈希值(个人认为是不同文件的一个id,代表文件的唯一性【值得一提的是当文件作出修改后哈希值会发生变化,即在打包的文件中增加或者修改文件内容会发生变化】)黄框:webpack的版本号

 

在webpack里面需要插入更多的loader才能打包css文件:css-loader 、stytle-loader

打包html文件:html-webpack-plugin

技术分享

 

webpack初入门

标签:入门   文件内容   版本   alt   htm   image   插件   存在   png   

原文地址:http://www.cnblogs.com/Alexin/p/6851481.html

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