Quantcast
Channel: CNode:Node.js专业中文社区
Viewing all articles
Browse latest Browse all 14821

Vuejs和webpack的前端工程化学习笔记

$
0
0

  近期在学习Vuejs,读了尤雨溪大神的vue-hackernews-2.0的开源项目,在此做一下学习笔记,我是初学者,理解方面肯定会有错误,希望老司机能帮忙修正!! 参照的资源:   基于webpack的前端工程化开发解决方案探索  vue-vue-hackernews-2.0 个人理解版本  ECMAScript 6 入门

1、初始化项目、安装依赖

$ mkdir my-project
$ cd my-project
$ npm init -y
$ npm i --save vue
$ npm i --save-dev buble-loader css-loader extract-text-webpack-plugin html-webpack-plugin rimraf style-loader url-loader vue-loader webpack webpack-dev-server

2、动态生成HTML

html-webpack-plugin  webpack中生成HTML的插件

3、代码分割与图片加载

4、webpack-dev-server


Viewing all articles
Browse latest Browse all 14821

Trending Articles