webpack 是什么

webpack 是一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含 less / sass）、图片等都作为模块来使用和处理。 webpack 的核心是 依赖分析,把依赖分析出来了，其他都是细枝末节了。

安装 webpack

前提，你的电脑需要安装 node 和 npm.

使用 npm install webpack 安装 webpack.

入门示例

我们创建两个 js 文件：

src/bar.js

1
2
3

export default function bar() {
  //
}

src/index.js

1
2
3

import bar from './bar';

bar();

阅读更多

概述

看了几天 Vue 文档了，今天应该实践一下了，做一个个人书签页面，记录自己的常用书签。

书签页构思草图

创建工程

1

vue install webpack "hellovue"

启动预览

1

npm run dev

值得注意的是 npm run dev 实际上执行的是 package.json 中的 script 脚本的如下命令：

1

webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

也许你已经猜到了， 这个 webpack.dev.conf.js 文件是配置开发过程中的webpack构建文件。

接下来我们就开始修改 HelloWorld.vue 来实现书签页。

阅读更多

安装

第一步： 安装 nodejs 环境。

第二步： 配置淘宝 npm 镜像。

1

npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org

这样就可以使用cnpm 命令来安装模块了。

安装 vue-cli

1

npm install vue-cli -g 

查看vue-cli是否成功，不能检查vue-cli, 需要检查vue:

1

vue -V 

阅读更多