JS中的模块规范(CommonJS,AMD,CMD) 一,CommonJS NodeJS是CommonJS规范的实现,webpack也是以CommonJS的形式来书写. 在浏览器环境下,没有模块也不是特别大的问题,毕竟网页程序的复杂性有限,但在服务器端,一定要有模块,与操作系统和其他应用程序互动,否 ...
分类:
Web程序 时间:
2017-04-07 21:21:38
阅读次数:
185
如果没有指定pubicPath,则引入路径如下 如果有指定publicPath 则引入如下 ...
分类:
Web程序 时间:
2017-04-07 20:37:36
阅读次数:
223
react优点: 1.组件化 2.模块化:基于 webpack 可以使用 Es6 或 CommonJs 的写法实现模块化代码 3.运行效率:React 实现了 Virtual DOM ,相比于 MVVM 框架具有更优的效率 4.diff算法:树形结构不同直接移除再新增节点,不去徒劳的进行比较,简单粗 ...
分类:
其他好文 时间:
2017-04-07 18:32:46
阅读次数:
182
安装环境 1.安装node.js(v0.6以上) 2.安装到全局环境下 npm install webpack -g 3.本地安装,webpack依赖项目 #进入项目目录(根目录) #创建填写package.json 文件 npm init #安装webpack依赖 npm install webp ...
分类:
Web程序 时间:
2017-04-07 12:38:34
阅读次数:
220
webpack WebPack 是一个模块打包工具,你可以使用WebPack管理你的模块依赖,并编绎输出模块们所需的静态文件。它能够很好地管理、打包Web开发中所用到的HTML、JavaScript、CSS以及各种静态文件(图片、字体等),让开发过程更加高效。对于不同类型的资源,webpack有对应 ...
分类:
Web程序 时间:
2017-04-06 19:36:59
阅读次数:
472
1 目录展示 安装依赖 2 css中使用图片 2.1 webpack.config.js 2.2 app.js 2.3 layer.js 2.4 layer.less 2.5 打包 2.6 效果 2.7 使用 url-loader --url-loader 对图片大小进行限制 满足条件的转换为bas ...
分类:
Web程序 时间:
2017-04-06 18:31:28
阅读次数:
529
1 目录结构 2 webpack.config.js 3 app.js 4 layer.js 5 打包 6 验证是否成功 http://localhost:63342/web/webpack-demo/dist/index.html 运行 ...
分类:
Web程序 时间:
2017-04-06 16:32:59
阅读次数:
364
1、安装(windows) 安了npm后,npm install webpack -g,全局位置在 C:\Users\lihaihong\AppData\Roaming\npm\node_modules 然后项目文件夹 => 安装开发工具 (spm install module-name -save ...
分类:
Web程序 时间:
2017-04-06 12:48:48
阅读次数:
173
第一步:使用npm install -g vue-cli,全局安装vue-cli 第二步:下载模板代码,使用vue init webpack 项目名,之后的选项按照所需的选择即可 第三步:进入创建的项目中,可以使用dir查看当前项目中的文件 第四步:使用npm install 安装package.j ...
分类:
其他好文 时间:
2017-04-06 11:48:40
阅读次数:
195
vue-cli 用vue-cli来搭建vue项目 第一步:全局安装vue-cli 第二步:初始化一个项目 第三步:把文件切换到初始化的项目中 第四步:安装依赖 当然也可以用淘宝镜像cnpm来安装,这样快很多 第五步:运行 完成一个初始化vue项目 webpack 要开始一个vue项目, 那也必须要了 ...
分类:
Web程序 时间:
2017-04-06 11:30:32
阅读次数:
221