webpack入门笔记

对于webpack感觉框架复杂学起来有点乱故整理记录一下。
文本资料:
http://www.cnblogs.com/vajoy/p/4650467.html

参考资料:
http://guowenfh.github.io/2016/03/24/vue-webpack-04-custom/

参考资料:
http://www.tuicool.com/articles/bA3eym7
参考资料:
https://zhuanlan.zhihu.com/p/20367175
https://zhuanlan.zhihu.com/p/20397902
https://zhuanlan.zhihu.com/p/20522487

安装

$ npm install webpack -g
$ npm init
$ npm install webpack --save-dev //把依赖写入 package.json 包去更人性化

配置

  • 每个项目下都必须配置有一个 webpack.config.js,里面一个重点是plugins 插件项,可以引入jQuery或者 CommonsChunkPlugin (用于提取多个入口文件的公共脚本部分,然后生成一个 common.js 来方便多页面之间进行复用)
    jQuery的引用方式:
    plugins: [ new webpack.ProvidePlugin({ $: 'jquery' }) ]
  • entry 是页面入口文件配置,output 是对应输出项配置(即入口文件最终要生成什么名字的文件、存放到哪里)
    【我的理解是entry里是放置引入的页面作为component和路径】
  • loader部分,所有的加载器都需要通过 npm 来加载。举例,要加载一个 url-loader,使用该加载器需要先进行安装:
    npm install url-loader -save-dev
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 14,341评论 7 110
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 12,553评论 7 35
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 13,853评论 0 21
  • 最近在逛各大网站,论坛,以及像SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容...
    忘川慕白阅读 11,206评论 7 113
  • 作者:小 boy (沪江前端开发工程师)本文原创,转载请注明作者及出处。原文地址:https://www.smas...
    iKcamp阅读 7,676评论 0 18

友情链接更多精彩内容