本人菜鸟一枚，最近一直在研究webpack的使用，记录下自己的学习体会，由于网上关于webpack的资源（技术博客）太多，对于初学webpack的新手来说，看着五花八门的技术博客，真是头晕眼花（可能是列举的示例太深奥，一时无法理解），入了很多的坑，建议还是从技术文档看起，里面的例子都是相对简单易懂的 ...
分类：
Web程序 时间：
2016-09-21 01:47:16
阅读次数：
194
常用命令 http://webpackdoc.com/loader.html ps: 1、 接上一节的例子，我们要在页面中引入一个 CSS 文件 style.css，首页将 style.css 也看成是一个模块，然后用 css-loader 来读取它，再用 style-loader 把它插入到页面中 ...
分类：
Web程序 时间：
2016-09-20 18:13:15
阅读次数：
399
还是先来安装本课需要的插件： 这是一个webpack加载器，可以把文件原样返回为字符串。 这里补充下使用加载器的两种方法： 1、在我们的webpack配置文件中写上 2、在require的时候调用加载器 require（“加载器名!xxx.html”）; 这里，我们也也将使用三种加载公共头部文件的方 ...
分类：
Web程序 时间：
2016-09-20 10:30:52
阅读次数：
175
webpack.config.js 设置配置如下 方式1： 模块加载器中使用query 方式2： 外部使用 babel:{ presets:['es2015']}， 方式3：在配置文件的同目录新增文件 .babelrc ，内容如下： { presets:['es2015']} ...
分类：
Web程序 时间：
2016-09-19 19:31:06
阅读次数：
165
引言 目前React前端框架是今年最火的。而基于React的React Native也迅速发展。React有其独特的组件化功能与JSX的新语法，帮助前端设计有了更好的设计与便捷，而React Native更是扩大了前端的边界。 说道React，那就不得不说一下Webpack凭借它异步加载和可分离打包 ...
分类：
Web程序 时间：
2016-09-19 12:51:56
阅读次数：
267
背景 最近开启一个新项目，需要对前端的各类资源文件进行打包，经过多方调研后，决定使用webpack工具。但是网上的教程多是将webpack直接作为服务器使用，而我只是想将其作为单纯的资源打包工具而已。经过多方调研，终于发现如何实现webpack的文件打包功能。 准备 在使用webpack之前，必须先 ...
分类：
编程语言 时间：
2016-09-18 22:03:51
阅读次数：
420
首先，我们利用gulp将入口文件自动化。我们参考该课程的规则，对文件需要成为入口的文件进行一个归类和整理。 首先，我们已经建立了SRC文件夹。在SRC文件下，创建一个主文件夹叫modules。同事创建几个子文件夹，创建的基本规则是：文件夹名就代表了我们的入口节点名。 （此图仅供参考，文件夹名与文件名 ...
分类：
Web程序 时间：
2016-09-17 10:45:26
阅读次数：
195
在上一篇《webpack从入门到上线》介绍了wepack的配置和相关的概念，这一篇介绍怎样写一个webpack loader. 通过写一个js的html模板为例子。 上篇文章已提及，loader加载器就是对各种非正常资源的解析，转化成浏览器可以识别的js/css文件等，甚至可以说loader就是一个 ...
分类：
Web程序 时间：
2016-09-16 19:50:04
阅读次数：
244
一、多页面分离资源引用,按需引用JS和css 我们前面实现了以下功能：1、新建了一个login模版（用到htmlWebpackPlugin）。2、分别把main.js和login.js、reg.js分开写。3、学习了css加载器。我们通过webpack可以打包js文件、自动注入js和CSS引用。 那 ...
分类：
Web程序 时间：
2016-09-14 16:25:33
阅读次数：
181
webpack：webpack是一款模块加载器兼打包工具，它能把各种资源，例如js、样式、图片等都作为模块来处理和使用。我们可以直接使用require（XXX）的形式来引入各模块，即使他们可能需要经过编译，比如less，但是我们无须在上面花太多的心思。因为webpack有着各种健全的加载器在默默处理 ...
分类：
其他好文 时间：
2016-09-13 16:17:23
阅读次数：
168
