1.安装: cmd:npm install vue //最新稳定版本 npm install -g vue-cli //最新稳定版本 vue init webpack my-project //创建一个基于 "webpack" 模板的新项目,首先进入项目的文件夹,在创建; 例如:进入D盘:(D:); ...
分类:
其他好文 时间:
2017-04-12 11:18:33
阅读次数:
152
webpack-dev-server轻量级js高速打包、热部署服务器 webpack是一个打包web项目的工具 ,可以实现css,js,less,cass,html的混淆加密,minify,结合webpack-dev-server热部署,非常方便前端页面和Nodejs的开发。 webpack 安装方 ...
分类:
Web程序 时间:
2017-04-12 02:21:27
阅读次数:
248
做大型软件(工程化): 1.测试相关 tdd / bdd 测试覆盖率 2.规范化 standard、各种 lint、hint 3.构建相关 gulp、grunt、webpack,大量插件 4.生成器 yo 等 工程脚手架,生成项目基本框架 5.包管理工具 npm 足够简单易用 MEAN架构: MEA ...
分类:
Web程序 时间:
2017-04-09 15:57:18
阅读次数:
504
开始着手项目打包的一些东西,还不是特别懂,一边学习,一边做笔记好啦。 1.webpack的概念。 Webpack 是当下最热门的前端资源模块化管理和打包工具。任何形式的资源都可以视作模块,通过 loader 的转换。 2.webpakc的安装。 (1)在Node.js 用npm 全局安装Webpac ...
分类:
Web程序 时间:
2017-04-09 14:58:06
阅读次数:
261
按照vuejs官方的脚手架生成了demo代码,并运行,步骤如下: 打开浏览器,可以看到demo的页面: 此时打包后的build.js是在内存中的。如果要生成打包后的build.js需要执行下面的命令: 想把打包后的build.js放到java web项目中的src目录下试着运行,html,js加载成 ...
分类:
Web程序 时间:
2017-04-09 12:51:23
阅读次数:
938
作用 简化HTML文件的创建 遇到的问题 1. 在模板中使用 <%= HtmlWebpackPlugin.options.title %> 报错:HtmlWebpackPlugin is undefined HtmlWebpackPlugin => 首字母小写 htmlWebpackPlugin ...
分类:
Web程序 时间:
2017-04-09 10:38:13
阅读次数:
138
前言:这两天天学了gulp和webpack的基本使用方法,其实对于这些工具,了解基本的用法、熟悉一些常用配置和方法就足够日常使用了。更复杂的等到需要时才再查相关文档就可以了。 gulp和webpack虽然有相似的功能,比如压缩、合并文件,但应该算是两种类型的工具。 gulp作为自动化构建工具主要的功 ...
分类:
Web程序 时间:
2017-04-09 09:54:14
阅读次数:
239
github 1.html 2.css 3.javaScript 4.jQuery 5.ajax+json 6.bootstrap 7.git版本控制 8.php环境搭建(php,mysql,apache) 9.开通博客 10.今天要去学习webpack自动化构建...... 明天继续 ...
分类:
其他好文 时间:
2017-04-08 22:40:05
阅读次数:
136
这篇在 webpack-demo 目前下新建一个 w2 目录,学习 webpack.config.js 及 与 npm scripts 的使用。 1、w2 下新建一个 webpack.config.js,内容如下 这是 w2 目录为 这时就可以直接在命令行执行 webpack 命令了,一些配置参数 ...
分类:
Web程序 时间:
2017-04-08 09:44:47
阅读次数:
211
环境搭建Omi框架使用Webpack+ES6的方式去开发;使用karma+jasmine来作为Omi的测试工具。Karma介绍Karma是一个基于Node.js的JavaScript测试执行过程管理工具(TestRunner)。该工具可用于测试所有主流Web浏览器,也可集成到CI(Continuousintegration)工具,也可和其他代码编辑..
分类:
其他好文 时间:
2017-04-08 01:22:11
阅读次数:
215