- 博客(5)
- 资源 (3)
- 收藏
- 关注
原创 webpack处理css
在神奇的babel中我们提到了babel-loder的使用,那么webpack声称可以处理任何类型的文件,css该怎么处理呢,好,我们来走一遍 首先介绍下style-loader和css-loader,因为处理css文件之前必须要安装这两个模块,至于这俩是从哪冒出来的,请看点击打开链接,这里详细介绍了各种loader的使用场景。 npm install css-loader style-l
2017-03-29 14:57:39 6864
原创 神奇的babel
2015年,ECMA推出es6,在es5的基础上添加了各种人性化开发的新特性,详见es2015 让人头疼的是当下主流浏览器的JS引擎并不识别es6语法,所以我们需要将es6的语法翻译成es5的形式再提交给js引擎执行。 那有没有好的工具来实现两种标准之间的转换呢,有,babel。 好,既然用到babel,那么第一步肯定要在项目中安装babel。安装的方法可参照点击打开链接 npm
2017-03-28 17:36:42 702
原创 amd模块定义模式
谈及前端模块化,自然会想到AMD(异步模块定义)和CMD(通用模块定义),这里我着重谈一下AMD的相关内容 AMD的整体目标是提供模块化的JavaScript解决方案,以便开发人员使用。 关于AMD有两个关键概念是值得我们注意的,它们是用于模块定义的define方法和用于处理依赖加载的require方法。使用以下方式,define用于定义已命名或未命名模块。 define( module_
2017-03-27 12:45:25 4557 1
原创 进阶webpack
在初识webpack 中提到了webpack的基本配置和使用,接下来将进一步学习webpack在项目中的使用。 一.webpack生成简单的HTML页面 前面提到将需要打包的js文件打包成bundle.js后,需要在index.html中引入 此时如果我们将bundle.js换成a.js呢,也就是改变打包后输出文件的名称,那么只有一个办法,那就是到index.html中手动修改scrip
2017-03-24 16:33:52 334
原创 初识webpack
第一次接触webpack,记录最简单的使用规范,加强记忆以备后用。 搭建webpack项目大致分为如下几步: 首先在本地建立一个工程,本次我在D盘建立webpackDemo。 进入工程目录后使用npm init命令进行初始化,生成package.json文件 第三步在工程目录下安装webpack,使用命令npm install webpack --save-dev 等待安
2017-03-23 12:13:31 375
jquery.json2xml.js和jquery.xml2json.js
2016-06-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人